p { text-indent: 2em; /* 设置段落缩进 */ } li { text-indent: 1.5em; /* 设置列表项缩进 */ }
在上面的例子中,大家使用了 em 单位来设置缩进。em 单位是相对于当前字体大小的单位,因此可以使大家的文本缩进具有响应式的特性。
除了 em 单位之外,大家也可以使用像素(px)、百分比(%)等单位来设置缩进值。在实际开发中,具体使用哪种单位应该根据具体情况而定。
需要注意的是,text-indent 属性只影响元素第一行的缩进,而不影响后续行的缩进。此外,该属性只对块级元素有效,对于行内元素是不起作用的。
span { text-indent: 2em; /* 不起作用 */ } div { text-indent: 2em; /* 起作用 */ }
综上所述,text-indent 属性是一个用于控制文本块缩进的简单但实用的属性。在日常使用中,大家可以根据具体需求将其应用于段落、列表等元素,从而使文本排版更加美观,增强阅读体验。