网站首页 站长百科 编程问答 正文

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

2024-01-14

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属性可以用于设置文本的缩进，使文本在显示时具有更好的可读性和排版效果。

友情链接：可视对讲 深圳网站建设 游戏攻略 秘密网 视野AI

2023. 北冥有鱼 自助网站建设 个人网站制作 编程教程大全

请使用1920*1080分辨率以上以及最新版的非IE浏览器浏览以获得最佳体验！

粤ICP备2020108910号  流量统计