text-indent是用來字符縮進的。

1.text-indent所在的元素是行內元素而非塊級元素。比如用在span,a等行內元素上。
解決方案：
在行內元素加上display:block; 或者把目標元素放入<div>等塊級元素，然后把text-indent樣式應用到<div>等塊級元素。

2.text-indent所在的元素未使用overflow屬性。
解決方案：
在元素加上overflow:hidden。不過經過測試，這個作用不大，第1點的作用大些。

3.text-indent設置的值超出瀏覽器默認的最大或最小值，例如：text-indent:999999em在谷歌(Chrome)瀏覽器下無效。
解決方案：
有前輩說Chrome0.4.154.22版本下對text-indent支持的縮進極限值是：-134217723px;超出這個數在Chrome下則text-indent屬性無效，FF下也存在同樣的問題，ie下似乎沒有極限或極限值范圍大一些。

參考：

http://www.w3school.com.cn/cssref/pr_text_text-indent.asp

http://www.educity.cn/wenda/129305.html

==>如有問題，請聯系我：easonjim#163.com，或者下方發表評論。<==

總結

以上是生活随笔為你收集整理的text-indent无效解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。