為什么我在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的BAD設計“功能”，我當然希望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>並且不需要更改HTML標記。