text-indent怎么用

text-indent 是 CSS 属性，用于设置段落的首行缩进，语法为 text-indent: |; 它可以以长度或相对于块级元素宽度的百分比进行设置，负值表示向外缩进，仅适用于段落的第一行。

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 单位可以确保与字体无关的一致缩进。

以上就是text-indent怎么用的详细内容，更多请关注编程网其它相关文章！