我有一个 ul，里面有 li，我将它用作选项卡列表。 li 里面有一张图片和一些文本。出于某种原因，在 chrome 中，文本不会与图像出现在同一行，而是换行到下一行。
我不明白为什么会这样，li 不应该扩展以提供足够的空间来容纳图像和文本吗？在 Firefox 或 IE 上不会发生此问题。在 Windows 7 上使用 Chrome 22、Firefox 16 和 IE 9 进行测试。
See this fiddle查看标记(从较长的页面中提取 - 也不是真正的图标)。
听起来 similar to this problem ，但是 nowrap 技巧对我不起作用。
更新:我刚刚意识到我设置了不同的缩放级别，144%。在某些缩放级别会发生问题，而在其他缩放级别则不会。我想这可能与某些尺寸的 ems 和其他尺寸的 px 有关？我仍然不明白为什么会发生这种情况，它不应该仍然获得适当的空间吗？
最佳答案
设置页眉的最小宽度。如果您减小浏览器大小，您也会遇到问题。在开始堆叠之前弄清楚它可以变得多小，并将标题上的最小宽度设置为该大小，如果浏览器也缩放，则可以修复它。
关于css - 为什么 li 中的 float 项会在其他缩放级别用 chrome 包裹？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13074729/