css span標籤裡text-indent不起作用是什麼原因？

span標籤設定text-indent不起作用，是因為text-indent只能給區塊級元素設置，而span標籤是行內元素；解決方法：使用「span{display:inline-block;} 」樣式將span標籤轉換為行內塊級元素即可。

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

（推薦教學：CSS影片教學）

text-indent 屬性規定文字區塊中首行文字的縮排。注意： 負值是允許的。如果值是負數，將第一行左縮排。

css span標籤裡text-indent不起作用的原因

而對span設定text-indent沒有起作用，是因為text-indent只能給塊級元素設定。

解決方法：

但是如果讓span{display:block}轉換成區塊級元素，就會換行，還得透過浮動來控制，增加了麻煩。

所以改css為span{display:inline-block;}。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是css span標籤裡text-indent不起作用是什麼原因？的詳細內容。更多資訊請關注PHP中文網其他相關文章！