为什么li中的浮动项目在其他缩放级别的chrome中换行？

Question

我的ul里面有li，我用作标签列表。 li有一个图像，里面有一些文字。出于某种原因，在chrome中，文本不会出现在与图像相同的行上，而是换行到下一行。

我无法理解为什么会发生这种情况，是否应该扩展以提供足够的空间来容纳图像和文本？ Firefox或IE上不会发生此问题。在Windows 7上使用Chrome 22，Firefox 16和IE 9进行测试。

See this fiddle查看标记（从较长的页面提取 - 也不是真实的图标）。

听起来similar to this problem，但nowrap技巧对我不起作用。

更新：我刚刚意识到我有一个不同的缩放级别设置，144％。在一些缩放级别，问题发生，而其他人则没有。我想这可能与某些尺寸的ems有关，而px适用于其他尺寸？我仍然不明白为什么会发生这种情况，不应该仍然得到适当数量的空间吗？

Answer 1

在标题上设置最小宽度。如果减小浏览器大小，也会遇到问题。弄清楚它在开始堆叠之前可以达到多小，并将标题上的最小宽度设置为该大小，如果浏览器也被缩放，则修复它。