在HTML5中实现文字首行缩进需用CSS的text-indent属性，支持固定像素、em相对单位、rem根单位、负值悬挂缩进及多语言（RTL/垂直）适配五种方式。
设文本首行缩进【缩进】">
如果您希望在HTML5中实现文字首行缩进效果，则需通过CSS的text-indent属性进行控制。以下是几种可行的实现方式：
一、使用text-indent设置固定像素缩进
text-indent属性用于定义块级元素中第一行文本的缩进量，其值可为长度单位（如px、em、rem）或百分比。该属性仅影响首行，不影响后续行。
1、在HTML文件的
2、编写CSS规则：.indent-text { text-indent: 2em; }。
立即学习“前端免费学习笔记（深入）”；
3、在HTML中对应段落标签上应用该类：
这里是首行将缩进两字符宽度的正文内容。
。二、使用text-indent配合em单位实现相对缩进
em单位基于当前元素字体大小计算，1em等于当前font-size值，因此能保持缩进与字号比例一致，适用于响应式排版场景。
1、设定段落字体大小：p { font-size: 16px; }。
2、设置首行缩进为2em：p { text-indent: 2em; }。
3、此时首行缩进实际为32像素（16px × 2），若字体大小动态变化，缩进量同步调整。
三、使用text-indent配合rem单位实现根字体缩进
rem单位以HTML根元素（html>）的font-size为基准，适合全局统一缩进尺度，避免嵌套层级导致的em累积偏差。
1、在
2、为段落设置缩进：p { text-indent: 2rem; }。
3、即使段落内部存在多层嵌套字体大小变更，首行缩进仍稳定维持32像素。
四、使用text-indent负值实现悬挂缩进
当需要首行向左突出、其余行向右缩进时，可对text-indent赋负值，并配合padding-left或margin-left平衡整体位置。
1、设置首行缩进为-1em：p.hanging { text-indent: -1em; }。
2、为段落添加左侧内边距：p.hanging { padding-left: 1em; }。
3、最终效果为第一行左移1em，其余行保持在原位置，形成悬挂式排版结构。
五、使用text-indent配合direction和writing-mode处理多语言缩进
对于从右向左（RTL）书写的语言（如阿拉伯语、希伯来语），text-indent作用方向随direction属性变化；垂直排版（writing-mode: vertical-rl）下，text-indent沿块轴方向生效。
1、设置RTL方向：p.rtl { direction: rtl; text-indent: 2em; }。
2、此时缩进发生在行末右侧，即首行最右字符向右缩进2em。
3、设置垂直排版：p.vertical { writing-mode: vertical-rl; text-indent: 1em; }，缩进表现为首块文字向上偏移1em。
