2

我有一个ulwith lis ,我将其用作选项卡列表。s 里面有li一张图片和一些文字。出于某种原因,在 chrome 中,文本不会与图像出现在同一行,而是换行到下一行。

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

火狐示例 镀铬示例

请参阅此小提琴以查看标记(从较长的页面中提取 - 也不是真正的图标)。

这听起来类似于这个问题,但这个nowrap技巧对我不起作用。

更新: 我刚刚意识到我设置了不同的缩放级别,144%。在某些缩放级别会发生问题,而在其他缩放级别则不会。我想这可能与某些尺寸的 ems 和其他尺寸的 px 有关?我仍然不明白为什么会发生这种情况,它不应该仍然获得适当的空间吗?

4

1 回答 1

0

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

于 2012-10-25T18:42:11.753 回答