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

时间:2008-10-17 09:35:55

标签: css firefox safari webkit

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。

那是一个讨厌的人。

(这与display:none无关)

2 个答案:

答案 0 :(得分:1)

回答我自己的问题:

最后想出了问题:我的内部div(“XXX”)有白色空间:nowrap。显然webkit没有包装整个div的列表,而不是在div中应用nowrap。

那是一个讨厌的人。

(这与display:none无关)

答案 1 :(得分:1)

实际上,我分别问了上面的问题,然后我发现解决方案就像一个大男孩:

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

CSS需要在这里和那里进行调整以适应变化,但它可以按预期工作。

Elements with nowrap get stuck to adjacent elements in WebKit

相关问题