CSS3属性之text-indent文本缩进使用详解
生活随笔
收集整理的這篇文章主要介紹了
CSS3属性之text-indent文本缩进使用详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、定義:text-indent 屬性規定文本塊中首行文本的縮進。
2、使用:
將段落的第一行縮進2em:
div{text-indent:2em;}
注意: 1em等于一個漢字的大小
3、注意事項:
3-1、允許使用負值。如果使用負值,那么首行會被縮進到左邊。
3-2、使用text-indent不生效的原因以及解決辦法:
原因:text-indent無法作用于行內元素
解決辦法:將行內元素變為塊級元素:display:block;或inline-block;
最后效果請打開網頁:http://jsbin.com/xusudogofa/edit?html,css,output
總結
以上是生活随笔為你收集整理的CSS3属性之text-indent文本缩进使用详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 教你理清SpringBoot与Sprin
- 下一篇: CSS 基本样式