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

avatar
作者
筋斗云
阅读量:0

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

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

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

p {   text-indent: 2em; } 

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

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!