CSS3属性之text-indent文本缩进使用详解

css

1029

2024/1/1 20:02:32

栏目: 编程语言

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

text-indent属性用于设置文本的缩进，即在每行文本的第一个字符前添加空白的距离。

语法：

text-indent: length | percentage | inherit;

属性值：

length：指定以长度单位（如px、em）设置的缩进值。正值表示向右缩进，负值表示向左缩进。
percentage：指定以父元素宽度的百分比设置的缩进值。正值表示向右缩进，负值表示向左缩进。
inherit：继承父元素的text-indent属性值。

示例：

p {
  text-indent: 2em;
}

上述示例将段落的第一行文本缩进两个字母的宽度。

注意事项：

text-indent只作用于第一行文本，不会影响其他行的文本。
如果文本换行，换行的行也会应用text-indent属性。
text-indent属性对于内联元素无效，只对块级元素生效。
如果文本中包含了换行符（\n）或者
标签，每一行的第一个字符都会应用text-indent属性。

综上所述，text-indent属性可以用于设置文本的缩进，使文本在显示时具有更好的可读性和排版效果。

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

最新知识库

相关知识库

相关标签

云服务器

物理服务器

香港物理机

美国普防

美国大带宽

显卡物理机

韩国

美国高防

日本

台湾

马来西亚

站群物理机

绍兴电信/绍兴BGP高防

扬州BGP高防

枣庄电信BGP高防

泉州电信高防

帮助支持

关于我们

售后咨询

7*24小时在线电话：400-0666-318

7*24小时在线 QQ：