html table 缩进，text-indent:2em 生效；text-indent:2em each-line不生效，为啥？

Posted 2023-05-13

<table border = 1 width = '60%' style = 'text-align:left;text-indent:5em each-line;'>将each-line去掉则代码生效，但是只是首行缩进；each-line加上，则整体不缩进。

each-line这个属性值的浏览器支持率极低，连Chrome都不支持，所以兼容性惨不忍睹，不建议使用（用了也没效果，还会连累前面的2em也失效，因为浏览器会误认为"2em each-line"是一个整体的值） 参考技术A each-line的作用是：定义缩进作用在块容器的第一行或者内部的每个强制换行的首行，软换行不受影响，它本来就是用来缩进首行的，如果是全部都要缩进，那么就通过给一个盒子装起来设置边距来实现，而不是通过 text-indent 来实现

text-indent属性

text-indent 属性规定文本块中首行文本的缩进。

注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。

将段落第一行缩进10像素

p
  
  text-indent:10px;
  

将段落第一行缩进 2字符

p
  
  text-indent:2em;
  

 

注：属性值

length  :定义固定的缩进。默认值：0。

%   :定义基于父元素宽度的百分比的缩进。

inherit   :规定应该从父元素继承 text-indent 属性的值。

基本就这些了。。。。