text-indent 的用法

什么是 text-indent？

text-indent 在 CSS 中是一个属性，用于设置段落的首行缩进。

语法：

text-indent: <length>|<percentage>;</percentage></length>

可以是像素 (px)、厘米 (cm)、英寸 (in) 等任何长度单位。 是相对于块级元素宽度的百分比值。负值表示向外缩进。

使用方法：

要为段落首行设置缩进，只需将其应用于包含段落的元素：

p {  text-indent: 2em;}

实例：

• 缩进 2 个 em：

p {  text-indent: 2em;}

• 缩进段落宽度的 10%：

p {  text-indent: 10%;}

• 向外缩进 10 个像素：

p {  text-indent: -10px;}

注意：

• text-indent 仅适用于段落的第一行。
• 如果段落的第一行是空行，则不会应用 text-indent。
• 缩进的长度因浏览器和字体而异。使用 em 单位可以确保与字体无关的一致缩进。