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

当前位置 : 首页 > 网页制作 > CSS > span设置text-indent不起作用的原因及解决方法

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

来源: 作者: 时间:2015-10-31 10:17
对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,解决方法就是display:inline-block,遇到问题的朋友可以尝试下
对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,解决方法就是display:inline-block,遇到问题的朋友可以尝试下

复制代码
代码如下:

<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;}
Tag:
网友评论

<