span中设置text-indent不起作用如何解决

这篇文章将为大家详细讲解有关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不起作用如何解决就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。