为什么我在Chrome中UL子弹后看到一个额外的空间

看来，一个巨大的缺口已经被添加到子弹和第一个字符之间的无序列表李项目。我正在使用list-style-position：inside;这似乎是增加的空间（我不是指整个行的定位进一步 - 只是子弹和第一个字符之间的空间）。

一个裸骨头HTML5，没有其他CSS例子将展示这一点：

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

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

为什么？这是微软Internet Explorer的一个糟糕的设计“功能”，我当然希望谷歌不会模仿它。差距似乎比IE更广泛。所以，现在我在Chrome浏览器中查看页面时会收到额外的（不必要的）换行。这意味着可以将更少的内容放入固定的宽度/高度设计中。或更小的字体来补偿，等等。

子弹只需要一个空间和内容之间;充当列表中的文本与列表中的每个项目之间的空间。

其他人看到这个？（这已经是相当近，就在上周，因为它不是一个问题，当我更新了页面）

将它作为铬团队的错误报告并查看他们的说法。我不确定是否有其他人看到这个问题，而且我可以说是的。 – j08691

只是想补充一点，Chrome在版本52和53之间发生了变化。我跑52，没有看到空间，然后升级并看到空间。 – Quantastical

是的，通过下拉菜单中的“报告问题...”链接向Chrome发送类似的问题 - 会报告任何回复。但是，需要知道它是否对我和我的代码是独一无二的，或者是普遍的，以及如果额外的空间是人们希望发生的事情，并且Chrome现在已经“修复”了一个旧的bug，或者引入了新的一。 –

在此期间，我可能会建议采取以下解决办法：

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

例如：

希望，你将能够拿出合适的选择（s）表示，将针对所有相关<ul>秒且不要求在HTML标记的变化。

2016-09-19 20:26:49 dimodi

回答