Question

 空格在Chrome和IE中显示不同的宽度，如何统一它们？

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

我尝试使用该字体，但似乎什么也没发生。

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

Answer 1

正是出于这个原因，请勿将 用作两个元素之间的分隔符。

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

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

注意：我在这里仅显示px，因此语法正确。您应该选择一个更好的度量单位。参见this。

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

Answer 2

您可以尝试在CSS中添加填充，以在各种浏览器中跨度添加类似的空间。

尝试参考下面的示例。

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

如何在不同的浏览器中统一空间宽度

2 个答案: