使用text-indent属性可设置HTML文本首行缩进，如p{text-indent:2em}实现中文段首空两格效果，支持em、px、%、rem等单位，仅影响第一行，常用于p、div、h1-h6、li等块级元素。
HTML文本缩进可以通过CSS的text-indent属性来设置，这个属性专门用于控制段落首行的缩进效果。
在CSS中，text-indent 属性用来定义块级元素中第一行文字的缩进。常用于模拟中文排版中“段首空两格”的效果。
示例代码：
p {
text-indent: 2em;
}
立即学习“前端免费学习笔记（深入）”；
这里使用 2em 是为了大致对应中文两个字符的宽度，是常见的做法。
text-indent 可以使用多种长度单位：
例如：
p {
text-indent: 16px;
}
注意：text-indent 只影响段落的第一行，其余行不受影响。配合 text-align 可以实现更完整的排版。
如果希望首行向左、其余行缩进（少见情况），可通过负值加 padding 实现，但一般不建议。
虽然常用于 p 标签，但 text-indent 也可用在其他块级元素上，如：
只要元素是块级且包含文本内容，就可以应用该样式。
基本上就这些，使用 text-indent 是最直接、标准的HTML文本缩进方法。
以上就是HTML文本缩进怎么设置_HTML文本缩进如何通过CSS代码实现的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
146
收藏
