text-indent 可以使用所有长度单位

百分数要相对于缩进元素父元素的宽度。换句话说，如果将缩进值设置为 20%，所影响元素的第一行会缩进其父元素宽度的 20%。

在下例中，缩进值是父元素的 20%，即 100 个像素：

div {
    width: 500px;
}

p {
    text-indent: 20%;
}


this is a paragragh

继承

text-indent 属性可以继承，请考虑如下标记：

div#outer {
    width: 500px;
}

div#inner {
    text-indent: 10%;
}

p {
    width: 200px;
}
    

some text. some text. some text.
this is a paragragh.

以上标记中的段落也会缩进 50 像素，这是因为这个段落继承了 id 为 inner 的 div 元素的缩进值。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！