温馨提示×

CSS3的text-indent属性有什么作用

小亿
96
2023-12-16 10:11:20
栏目: 编程语言

CSS3的text-indent属性用于设置文本的缩进。它可以通过指定一个长度值或百分比值来改变文本的起始位置,从而使文本在水平方向上产生缩进效果。

text-indent属性常用于列表、段落和代码块等文本内容的排版中,通过设置正值的缩进值,可以使文本内容相对于文本块的起始位置向右缩进,从而创建缩进效果;而设置负值的缩进值,则可以使文本内容相对于文本块的起始位置向左突出,产生悬挂缩进的效果。

例如,可以使用以下CSS代码将段落的文本缩进2个字符的宽度:

p {
  text-indent: 2em;
}

这将使该段落中的每一行文本的起始位置相对于文本块的起始位置向右缩进2个字符的宽度。

需要注意的是,text-indent属性只影响块级元素和行内块元素,对于行内元素无效。

0