text-indent用于设置文本首行缩进，常用2em实现中文段落首行空两字符，支持px、em、%等单位，推荐em适配性好；可设负值配合padding实现悬挂缩进；仅对块级元素有效，不影响内联元素。

在CSS中，text-indent 属性用于设置文本第一行的缩进。常用于段落首行空出两个字符位置，符合中文排版习惯。

基本语法

text-indent: length | % | inherit;

• length：使用 px、em、rem 等单位设置固定缩进，如 2em
• %：相对于父元素宽度的百分比缩进
• inherit：继承父元素的 text-indent 值

常用使用方式

最常见的是为段落设置首行缩进2个中文字符：

p {
  text-indent: 2em;
}

em 单位推荐用于 text-indent，因为 1em 约等于一个中文字符宽度，2em 就是两个汉字的缩进，适配性好。

网钛淘拍CMS(TaoPaiCMS) V1.60

2013年07月06日 V1.60 升级包更新方式：admin文件夹改成你后台目录名，然后补丁包里的所有文件覆盖进去。1.[新增]后台引导页加入非IE浏览器提示，后台部分功能在非IE浏览器下可能没法使用2.[改进]淘客商品管理 首页 列表页 内容页 的下拉项加入颜色来区别不同项3.[改进]后台新增/修改淘客商品，增加淘宝字样的图标和天猫字样图标改成天猫logo图标4.[改进]为统一名称，“分类”改

0 查看详情

负缩进与特殊用途

text-indent 也支持负值，可用于实现“悬挂缩进”效果：

hanging-paragraph {
  text-indent: -2em;
  padding-left: 2em;
}

这种技巧常用于列表项或引用内容，让第一行突出显示。

注意事项

• 只影响块级元素的第一行文本，对内联元素无效
• 如果元素没有换行，缩进可能不可见
• 结合 direction 和 writing-mode 使用时，行为会随文本方向变化
• 不要在 inline 元素上使用，应作用于 p、div、h1-h6 等 block 元素

基本上就这些，text-indent 简单实用，特别适合中文段落排版。

以上就是css文字缩进text-indent使用方法的详细内容，更多请关注其它相关文章！

# 淘宝  # 清镇网站优化推广seo  # 桌拍好物是营销号吗还是推广  # 整合营销推广外包公司  # 长沙搜狗seo优化方案  # 营销推广自荐信求职  # 渭南网站如何推广  # 开通网站建设  # 西湖区推广网站外包公司  # 苏州小程序网站建设方案  # 万词网站建设关键词排名  # css  # 解决问题  # 中文网  # 相关文章  # 选择器  # 行空  # 两种类型  # 的是  # 性好  # 中不 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 必由学在线入口 必由学网页版快速登录入口  双系统安装时，如何设置默认启动系统？ msconfig命令了解一下！  如何仅使用CSS更改登录界面背景图像图标的颜色  黑猫投诉统一入口官网 消费者权益保护投诉平台  Angular中单选按钮的正确使用与常见陷阱解析  如何优雅地扩展SprykerGlue后端API授权逻辑，使用spryker/glue-backend-api-application-authorization-connector-extension  sublime如何优雅地处理行尾空格_sublime自动清理多余空白字符配置  批改网学生版PC登录 批改网官网登录系统入口  Win10怎么制作U盘启动盘 Win10系统安装U盘制作教程【详解】  如何提高微信支付的安全性_微信支付安全防护与设置建议  1688商家版怎样分析买家画像精准供货_1688商家版分析买家画像精准供货【供货策略】  UC浏览器如何安装插件 UC浏览器添加扩展程序详细教程【进阶】  C++如何实现一个智能指针_手动实现C++ shared_ptr的引用计数功能  响应式容器内容自动缩放与宽高比维持教程  AO3最新镜像入口 Archive of Our Own官方平台访问  Python自定义类排序：解决lambda键值访问TypeError的实践指南  Mac怎么锁定备忘录_Mac备忘录加密设置教程  Golang如何使用new_Go new分配内存机制讲解  age动漫网站入口 age动漫官网直接访问入口  Node.js中HTML按钮与J*aScript函数交互的正确姿势  微信网页版扫码登录入口 微信网页版二维码登录入口  如何修改开机登录密码_Windows账户安全设置超详细教程【必学】  极速漫画官方主页网址 极速漫画漫画在线浏览官网链接  2025AO3夸克浏览器通道_AO3手机HTTPS安全入口分享  微信网页版官方入口直达 微信网页版网页版登录使用方法  俄罗斯Yandex搜索引擎入口_Yandex官网免登录一键访问  我的世界mc.js免费游戏直接能玩 我的世界mc.js小游戏免费秒玩入口  NRF24L01数据传输深度解析：解决大载荷接收异常与分包策略  sublime如何配置Python开发环境_将sublime打造成轻量级Python IDE  限制HTML日期输入框的日期选择范围  2026春节假期票务安排_2026春节放假购票指南  Django表单验证失败时保留用户输入数据的最佳实践  蛙漫2日版入口 WAMAN2(日版)无删减漫画官网链接  Web Components中自定义开关组件状态同步的常见陷阱与解决方案  AO3最新官网入口公告_2025AO3镜像站实时查询方法  抖音怎么赚钱_抖音创作者变现方法与途径指南  Win10如何清理注册表垃圾 Win10手动清理无效注册表【技巧】  MAC怎么让Dock栏只显示当前运行的应用_MAC终端命令实现极简Dock栏  sublime如何处理大型CSV文件的列对齐_sublime高级表格编辑插件指南  12306选座如何查看座位示意图_12306座位示意图解读与使用  192.168.1.1管理中心入口 192.168.1.1路由器网页设置平台  机器学习中对数变换预测结果的反向还原  J*a递归快速排序中静态变量导致数据累积的陷阱与解决方案  Bilibili动漫最新防封地址发布-Bilibili动漫2025年最稳正版入口推荐  C#中解析不规范的HTML为XML 常见的坑与解决办法  必由学官网快捷入口 必由学网页版在线学习平台  css链接悬停下划线样式如何自定义_使用::after结合content和transition  CSS Box Model与弹性按钮：维持布局稳定的动画实践  解决移动端滚动问题的overflow属性应用指南  如何在 Excel Online 和 Google 表格中更改日期格式