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下似乎沒有極限或極限值范圍大一些。
參考：