CSS中的em和en有什么区别

Question

我正在处理一些（有问题和奇怪的）CSS，我想知道在确定尺寸font-size:12en; height:3em;时en和em之间的区别是什么。

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>

然后字母之间的间距在视觉上是相等的。