0 Comments

text-indent无效解决方法

发布于:2015-10-15  |   作者:爬行的蜗牛  |   已聚集:人围观

爬行的蜗牛今天遇到一个问题,text-indent属性无效。这个属性也是常用属性之一了,首行缩进。但是有时候这个属性是不管用的,下面爬行的蜗牛整理了一下这个属性无效的情况和解决办法。

1:text-indent使用的元素是行内元素非块元素。

今天遇到的问题就是在span中使用这个属性,知道原因就很好解决了只要加上display:block;就可以了

2:text-indent使用元素未使用overflow属性

解决方法overflow:hidden;

3:text-indent设置的值超出浏览器默认的最大或最小值,例如:text-indent:999999em在谷歌(Chrome)浏览器下无效;


解决方法:

有前辈说Chrome0.4.154.22版本下对text-indent支持的缩进极限值是:-134217723px;超出这个数在Chrome下则text-indent属性无效,FF下也存在同样的问题,不过极限数值是多少没去研究了,ie下似乎没有极限或极限值范围大一些。所以不能随意按住999999不放0.0

希望帮到大家了。

爬行的蜗牛:http://www.pxwoniu.com/wzzt/136.html


  • 上一篇:智能DNS和双线加速
  • 下一篇:CDN回源
飞机

扫描二维码,访问爬行的蜗牛手机网站

在线咨询