Css 为什么li中的浮动项会在其他缩放级别上用chrome包裹？

我有一个

ul

，里面有

li

s，我用它作为选项卡列表。

li

s中有一个图像和一些文本。由于某些原因，在chrome中，文本与图像不在同一行，而是换行到下一行

我不明白为什么会发生这种情况，难道li不应该扩展以提供足够的空间来容纳图像和文本吗？这个问题不会发生在Firefox或IE上。在Windows 7上使用Chrome 22、Firefox 16和IE 9进行测试

查看标记（从较长的页面中提取-也不是真正的图标）

这听起来不错，但是

nowrap

技巧对我不起作用

---

更新：我刚刚意识到我有一个不同的缩放级别设置，144%。在某些缩放级别，问题会发生，而在其他级别则不会。我想这可能与一些尺寸的ems和其他尺寸的px有关？我仍然不明白为什么会发生这种情况，它是否仍然有足够的空间？

在页眉上设置一个最小宽度。如果减小浏览器大小，也会出现问题。在开始堆叠之前，先计算出它可以变小多少，并将标题上的最小宽度设置为该大小，如果浏览器也被缩放，这将修复它。

不同浏览器之间显示不同元素通常是由于默认的浏览器CSS。在应用您自己的CSS之前添加重置，它将修复您遇到的问题。Chrome的哪个版本？我在看你最新的Chrome for mac的小提琴，它看起来不错。我正在使用html5样板及其重置，我没有将其复制到小提琴中。好的，我只是在Linux框上做了一个检查，没有发现chrome的问题。在Win上实现我的默认缩放级别为144%。这与此有关，可能是计算错误了大小？我知道当浏览器太小时，浮动会被包裹。但当有足够的空间时，将其包裹起来是没有意义的。我想避免指定大小，但我想我必须在某些浏览器中包装它，而不是在其他浏览器中，因为不同的默认CSS。如果你想让所有浏览器在设计样式时都表现相同，那么在应用常规CSS之前，先检查一下网站的重置或规范化。实际上，这是一种很好的做法，即使你在应用其中一个方面没有任何问题。正如我之前所说，这不是因为没有重置。我没有费心在示例中包括重置，因为它没有多大区别。你可以看到，在这个版本中，我包括了我的重置，它仍然有同样的问题，在windows上的110%和144%缩放。我认为这是一个windows chrome错误，因为它不会在我的mac电脑上以相同的缩放级别出现。对不起，今天早上我回答时没有重读整件事。不管怎样，我仍然认为考虑到设计，它实际上需要一个指定的宽度，或者是媒体查询，以使布局在浏览器缩小太多时不会中断。