子弹和数字怎么样？列表样式位置时计算的保证金：外部？

Question

我认为它是根据font-size的值计算的。但是怎么样？ 1ex？ 1em？它在浏览器中是否一致？如果不是，是否可以将其标准化以使其在所有浏览器上看起来都一样？

Answer 1

我做了一些实验研究：P

我在列表上叠加了一个字体大小相同的红色文字，并在“12345”之间添加了两个空格。和“列表项目”：

字体40px： 字体20px：

然而，这仅适用于Chrome。 Firefox和Edge都是独立完成的：

请在https://jsfiddle.net/e3hLbbw7/

自行尝试

结论： 它在浏览器中不一致，但它与字体大小一致

<div style="opacity: .5; color: red; position: absolute; top: 20px; left: 27px;">
  12345.&nbsp;&nbsp;List Item
</div>