如何使用CSS调整文本的首行缩进（First Line Indent）？

首行缩进是指段落中第一行比其他行向左缩进的效果。在排版中，我们经常需要使用首行缩进来提升段落的美观度和可读性。在CSS中，我们可以使用text-indent属性来实现首行缩进。

下面是一个简单的示例，演示如何使用CSS调整文本的首行缩进：

p {
    text-indent: 2em;
}

在上面的代码中，我们将段落（p）元素的text-indent属性设置为2em，这将使段落的第一行向内缩进2个字符的宽度。

除了使用固定值外，我们还可以使用百分比来设置首行缩进的宽度。例如，将text-indent属性设置为10%时，首行缩进的宽度将相对于父元素的宽度进行计算。

有时候，我们可能需要取消段落的首行缩进。可以通过将text-indent属性设置为0来实现：

p {
    text-indent: 0;
}

需要注意的是，text-indent属性仅适用于块级元素。如果想对内联元素进行首行缩进，可以将内联元素包裹在块级元素中，然后对块级元素应用text-indent属性。

总结：

• 使用CSS的text-indent属性可以实现文本的首行缩进。
• 可以通过设置固定值或百分比来调整首行缩进的宽度。
• 想要取消首行缩进，可以将text-indent属性设置为0。
• text-indent属性仅适用于块级元素。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 如何在CSS中设置文本的文本转换（Text Transform）？
• 下一篇： 如何在CSS中设置文本的换行方式（Word Wrap）？