使用空格时 Safari/WebKit 表溢出：nowrap

Question

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。

那是一件令人讨厌的事情。

（这与显示无关：无）

Answer 1

回答我自己的问题：

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

那是一件令人讨厌的事情。

（这与显示无关：无）