如何在不同浏览器中统一space宽度

Question

space 在Chrome和IE中显示的宽度不同，如何统一？

在 IE 中它比在 Chrome 和 Firefox 中短。

我试过使用该字体，但似乎没有任何反应。

<span style="font-family: 宋体, SimSun; font-size: 20px;">&nbsp;&nbsp;</span>

Answer 1

不要使用   作为两个元素之间的分隔符，正是出于这个原因。

相反，您最好将 <span> 上的 CSS width: 属性设置为您需要的确切宽度：

<span style="width: 10px"></span>

注意：我这里只显示 px 所以语法是正确的。您应该选择一个更好的度量单位。参见 this。

坦率地说，即使那样也不是很好的解决方案。最好在需要分开的东西上留边距，而不是在它们之间放一个分隔符。

Answer 2

您可以尝试在 css 中添加填充以在各种浏览器中添加类似数量的 space。

尝试参考下面的例子。

<!doctype html>
<head>
  <title>demo</title>
<style>
 span.padd{padding-left:60px;}
</style>
</head>
<body>

<span class="padd">Demo Text</span>

</body>
</html>

如何在不同浏览器中统一space宽度

How to unify the space width in different browsers

html

firefox

internet-explorer

google-chrome

non-breaking-characters