4

Safari 有一个奇怪的渲染问题：

我在 div 中有一张桌子。在表 <td> 内，我有很多 div 向左浮动。所以正常显示是 td 内的所有 div 向左堆叠，直到它们填满宽度，然后流到下一行，依此类推。所以是这样的：

|===========================|
|  |---------------------|  |
|  | XXX  XXX  XXX  XXX  |  |
|  | XXX  XXX            |  |
|  |                     |  |
|  |----------------------  |
|===========================|

这适用于除 safari/webkit 之外的所有浏览器，最终结果如下：

|===========================|
|  |-------------------------------|
|  | XXX  XXX  XXX  XXX  XXX  XXX  |
|  |                               |
|  |-------------------------------|
|===========================|

更新：终于解决了问题：我的内部 div（“XXX”）有white-space: nowrap. 显然，webkit 没有包装整个 div 列表，而不是在 div 中应用 nowrap。

那是一个讨厌的。

（这与显示无关：无）

4

2 回答 2

3

实际上，我分别问了我上面的问题，然后我像一个大男孩一样找到了解决方案：

而不是使用 white-space:nowrap，在这种情况下使用 display:inline-block 更合适。

CSS 需要在这里和那里进行调整以进行更改，但它可以按预期工作。

带有 nowrap 的元素会卡在 WebKit 中的相邻元素上

于 2010-03-07T18:53:47.097 回答
2

回答我自己的问题：

终于解决了这个问题：我的内部 div（“XXX”）有空格：nowrap。显然，webkit 没有包装整个 div 列表，而不是在 div 中应用 nowrap。

那是一个讨厌的。

（这与显示无关：无）

于 2009-02-14T06:50:39.660 回答