span设置text-indent不起作用的原因及如何解决方法

像一场落幕的电影,在华丽的风景都看透,在真挚的感情都虚无。你是我流年里最美丽的风景,却让我心痛不已。
复制代码
代码如下:

<p>
<span>Test one</span>
<span class="t-i">text-indent</span>
<span>Test two</span>
</p>

对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,但是如果让span{display:block}时,就会换行,还得通过浮动来控制,增加了麻烦,所以改css为span.t-i{text-indent:-999px;display:inline-block;}

本文span设置text-indent不起作用的原因及如何解决方法到此结束。任何人的光鲜亮丽,必有他该面对的艰难险阻。小编再次感谢大家对我们的支持!

标签: 方法 不起作用