css 首行縮排為什麼沒有效果

css首行縮排沒有效果的原因及解決方法：1、元素不是區塊級元素，其解決方法是透過「display:inline-block;」使標籤擁有部分區塊級元素的屬性； 2.效果被優先權更高的樣式覆蓋，其解決方法就是修改優先權即可。

本教學操作環境：Windows7系統、css3版本，此方法適用於所有品牌電腦。

推薦：《css影片教學》

網頁排版中，首行縮排是很常用的效果，它讓你的段落看起來更規範整齊！有時透過css設定首行縮排，卻沒有效果，這是什麼原因造成的呢？

css中首行縮排使用text-indent屬性，它的值允許使用數字、百分比以及inherit。

css首行縮排無效的原因：

• 元素不是區塊級元素

• 效果被優先順序更高的樣式覆蓋了。

解決方法：

1、確定標籤是否為區塊級元素，不是的可以透過display:inline-block;使它擁有部分區塊級元素的屬性

2、查看是否是!important 引起的無效問題優先權!important > id > class > tag

使用範例：

p{
    text-indent: 2em;
}

縮排兩個漢字的寬度text-indent:2em;

（em這個單位的意思是相對文字大小，1em就是1個文字大小，2em就是兩個文字大小）

以上是css 首行縮排為什麼沒有效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！