text-indent——首行缩进

1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;


解决方案:
在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent
样式应用到<div>等块级元素。

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不放啊。

你可能感兴趣的:(text-indent——首行缩进)