CSS中的text-indent属性可以设置文本的缩进值,常见的设置方式为在属性值中指定一个长度值或百分比值。常见的长度单位有px、em、rem等。例如:
p {
text-indent: 2em;
}
这样会将段落中的第一行文本缩进两个字母的宽度。
除了长度值,text-indent属性还可以取负值或auto值。当取负值时,会将文本向左移动;当取auto值时,则是让浏览器自行决定文本的缩进值。
此外,text-indent属性与list-style-position属性结合使用,可以实现自定义列表缩进的效果。例如:
ul {
list-style-position: inside;
text-indent: -1em;
}
上述代码将无序列表的标记放在列表项内部,并将整个列表向左移动一个字母的宽度,从而实现自定义的列表缩进效果。
需要注意的是,text-indent属性只影响元素的第一行文本,对于后续的文本不起作用。同时,text-indent属性也只对文本起作用,对于其他元素(如图片、表格等)则无效。