CSS | text-indent 属性

CSS的text-indent属性是用来设置文本的首行缩进的。当使用text-indent属性时，文本的第一行会缩进一定的距离，而其余所有行则不会缩进。

语法

text-indent: length|initial|inherit;

其中，length表示缩进的长度，可以为正数（向右缩进）或负数（向左缩进）。initial表示默认值（0），inherit表示继承父元素的text-indent属性值。

示例

下面是一个简单的示例，用于演示text-indent属性的用法。

<p style="text-indent: 50px;">这是一段文本，它应该会缩进50像素。</p>

效果如下：

这是一段文本，它应该会缩进50像素。

注意事项

• 当设置text-indent样式时，应当考虑浏览器的文字缩放、响应式布局等因素，否则可能出现排版错误的情况。
• text-indent属性只对文本节点有效，对其他元素，如图片、表格等无效。
• text-indent属性只对块级元素生效，对于行内元素无效。

总结

text-indent属性是一种用于设置文本首行缩进的CSS属性。它可以用来增强文本的可读性、美观性。开发者在使用时，需考虑到浏览器的兼容性、排版布局等问题，才能让这个属性达到最佳的效果。