[TOC]
padding-rigrh:30px
或
text-indent:30px
text-indent和padding-left的基本區別:
padding-left基于盒模型,適用于inline和block層級的元素
text-indent基于行內排版,僅僅適用于block層級的元素,作用于block層級的元素的內部第一行文字
幾乎他們所有的表現區分都是這二者的區分。
padding-left會作用于inline框或block框的左側padding區域,會影響到content-box,而文字子節點會出現在content-box內部,因此所有文字都會左移。
text-indent會作用于block框的第一行文字。無論是文字超過容器的寬度被white-space的相應規則截斷,還是文字中的回車被white-space的相應規則保留,最終導致第二行第三行第N行出現,后面的第二行第三行第N行都不會應用到相應的indent。text-indent的目的很純凈,就是為了模擬現實排版需求中的首行縮進效果。
- 1.基本樣式
- 0.樣式初始化
- 1. 漸變色
- 2. hover問題
- 3. 陰影
- 4. 選擇器
- 5. border.畫邊線
- 6. 水平垂直居中
- 7.input 輸入框需要縮進
- 8.文字問題
- 2. 方法
- 1. 定位浮動和flex
- 1. 阮一峰
- 2. position
- 3. flex
- 2. bootstrap 3
- 3. sass語法
- 4.margin-top bug 解決方法
- 5. iconfont圖標
- 3. 動畫特效
- 特效總結
- 動畫
- css2d轉換
- 過渡
- 1. 入場從無到有
- 2. 兩面切換
- 3. 小三角及原理
- 4. 點擊圖片單獨顯示
- 5. 導航條吸頂
- 6. 進度條
- 7. animate效果 jquery
- 8.3D透視旋轉
- 4.grid布局
- 1.grid布局 網格居中對齊
- HTML
- 第一節、學習網站
- 第二節、封裝
- 第三節、快捷鍵使用