本文所分享的知识点是【span设置text-indent不起作用的原因及解决方法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
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不起作用的原因及解决方法的相关讨论如下：
相关问题：给a设置了text-indent 为什么span也跟着变啊
答：你的span放在a里面？ >>详细
相关问题：为什么实用text-indent缩进，一定要用float浮动，...
答：不把span改成p标签，或者也用div来包裹，就不需要用float了，或者不要用float，加一句“display:block”也一样可以 好像是块级元素或者行内元素的原因导致的 >>详细
相关问题：关于css的问题，下面的代码中.heng中的text-indent...
答：你增加overflow:hidden，溢出隐藏就可以了，你在more中增加即可，你这样写重复了，因为内层的more已经text-indent: -9999px;，外层的heng，就没必要增加了 .more { background: url("../images/more.jpg") repeat scroll 0 0 transparent; overf... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-