text-indent怎么用

2025-10-26
网站建设限时活动促销

text-indent 的用法

什么是 text-indent?

text-indent 在 CSS 中是一个属性,用于设置段落的首行缩进。

语法:

text-indent: |;

可以是像素 (px)、厘米 (cm)、英寸 (in) 等任何长度单位。 是相对于块级元素宽度的百分比值。负值表示向外缩进。

使用方法:

要为段落首行设置缩进,只需将其应用于包含段落的元素:

p { text-indent: 2em;}

实例:

  • 缩进 2 个 em:
p { text-indent: 2em;}
  • 缩进段落宽度的 10%:
p { text-indent: 10%;}
  • 向外缩进 10 个像素:
p { text-indent: -10px;}

注意:

  • text-indent 仅适用于段落的第一行。
  • 如果段落的第一行是空行,则不会应用 text-indent。
  • 缩进的长度因浏览器和字体而异。使用 em 单位可以确保与字体无关的一致缩进。

标签: text-indent

本文地址:https://www.lifejia.cn/news/215330.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)