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无关)
答案 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