的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。

這是一個討厭的問題。

（這一點關係都沒有帶顯示：無）

Answer 2

其實，我問我的上述問題分開，後來我發現像個大男孩的解決方案：

而不是使用白色空間：NOWRAP ，在這種情況下，使用display：inline-block更合適。

CSS需要適應這裏和那裏的變化，但它按預期工作。

Elements with nowrap get stuck to adjacent elements in WebKit