html - 为什么我在 Chrome 的 UL 中看到一个额外的空格

Question

运行 Windows 7，Chrome 版本 53.0.2785.116 m

似乎在元素符号和 li 元素的第一个字符之间的 ul 列表中添加了一个巨大的差距。我正在使用 list-style-position: inside;这似乎是在添加空格(我不是指整行的位置 - 只是元素符号和第一个字符之间的空格。)

简单的 HTML5，没有其他 CSS 示例会显示它:

<ul>
	<li style="list-style-position: inside;">One</li>
	<li>Two</li>
	<li>Three</li>
</ul>

比较第一行和其他两行的空间。

为什么？!这是 Microsoft Internet Explorer 的一个糟糕的设计“功能”，我当然希望 Google 不会模仿它。差距似乎比 IE 的还要大。所以现在我在 Chrome 中查看页面时得到额外的(和不必要的)换行。这意味着可以将更少的内容放入固定宽度/高度的设计中。或者更小的字体来补偿等。

元素符号和内容之间只需要一个空格；充当列表前文本与列表中每个元素之间的空格。

还有其他人看到了吗？ (这必须是最近的，因为上周我更新页面时这不是问题)

Answer 1

与此同时，我可能会建议以下解决方法:

li:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    margin-left: -.5em;
    margin-right: -.5em;
}

例如:

http://dojo.telerik.com/AseNe

希望您能够想出一个合适的选择器来定位所有相关的 <ul> s 并且不需要更改 HTML 标记。