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

2131
2024/1/10 10:11:20
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

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

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

p {
  text-indent: 2em;
}

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

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

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: css3按钮动画流畅度怎样优化