css - CSS中的em和en有什么区别

Question

我正在使用一些（有问题和奇怪的）css，我想知道 en 和 em 在确​​定 size 时有什么区别font-size:12en; height:3em;。

Answer 1

它在 HTML/CSS 中无效，但在非网络印刷机中使用：维基百科在em下提到它：

em 空格 ( ) 的宽度定义为 1 em，em 破折号 (-) 也是如此。
相比之下，较窄的单位en是半个 em。

Answer 2

在 CSS 中，“em”是一个相对的印刷单位，等于字体大小。如果你的 font-size 是 12px，那么 1em 就是那个元素的 12px。由于 'em' 是一个相对的度量单位，这有助于对具有不同字体大小的多个元素进行排版更改，例如，如果您有：

<style> 
h1{ font-size: 24px; }
p{ font-size: 15px; }
.spacedout{ letter-spacing:1em; }
</style>

<h1 class="spacedout">Heading</h1>
<p class="spacedout">Paragraph</p>

那么字母之间的间距将在视觉上相等。