css - 有什么方法可以设置和等效于 CSS“text-indent”属性但基于字体？

Question

出于某种让我无法理解的原因，“文本缩进”的值是像素数。但是不同的字体需要不同级别的缩进。我想避免每次更改字体时都必须记住设置正确的缩进，如果

text-indent: "mmm";

意思是“在当前字体中添加与此文本等效的像素。” 然后文本缩进在每种字体中都是相同的。CSS中有什么东西可以达到这种效果吗？

Answer 1

您可以使用em而不是px.

text-indent: 10em;

em 和 ex 单位取决于字体，并且对于文档中的每个元素可能不同。em 只是字体大小。在具有 2in 字体的元素中，1em 因此意味着 2in。用 em 表示大小，例如边距和填充，意味着它们与字体大小有关，如果用户有大字体（例如，在大屏幕上）或小字体（例如，在手持设备上），则大小将成比例。'text-indent: 1.5em' 和 'margin: 1em' 之类的声明在 CSS 中非常常见。

参考：w3.org