[分享]css3换行后缩进

CSS3中可以使用textindent属性来控制换行后的缩进效果。这个属性主要是对文字的第一行进行控制，控制方法如下：p { textindent: 2em; } 上面的代码表示对所有p标签的第一行进...

CSS3中可以使用text-indent属性来控制换行后的缩进效果。这个属性主要是对文字的第一行进行控制，控制方法如下：

p {
  text-indent: 2em;
} 

上面的代码表示对所有p标签的第一行进行2个字符的缩进，单位可以使用em、px、rem等。

另外值得注意的是，如果在一个段落中有换行符，并且需要对每一行都进行缩进，可以使用以下代码：

p {
  white-space: pre-wrap;
  text-indent: 2em;
} 

white-space属性的值为pre-wrap可以保留段落中的换行符，并且在文字行末自动进行换行，避免出现超出容器的情况。

需要注意的是，对于表格等元素内部的文字缩进，需要在表格或者单元格内部进行设置，不能通过p标签的text-indent属性来控制。