Safari / WebKit Tabelle over-run, wenn Leerzeichen verwenden: nowrap

Question

ein seltsames Rendering-Problem mit Safari Mit:

Ich habe eine Tabelle in einem div. Innerhalb der Tabelle ich viele divs haben schwebte links. So ist die normale Anzeige alle des divs innerhalb der td nach links gestapelt, bis sie die Breite füllt, dann in der nächsten Zeile fließen, und so weiter. So etwas wie folgt aus:

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

Das ist in allen Browsern außer Safari / Webkit funktioniert, wo es so etwas wie dies endet:

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

Update: Endlich das Problem herausgefunden: meine innere divs (die "XXX" s) hatte white-space: nowrap. Offenbar war webkit no-wrap'ing die gesamte Liste der divs anstatt die nowrap innerhalb des div Anwendung.

Das war eine böse ein.

(Das hatte nichts mit der Anzeige zu tun: keine)

Answer 1

Die Beantwortung meiner Frage:

Schließlich das Problem herausgefunden: meine innere divs (die "XXX" s) hatte white-space: nowrap. Anscheinend war webkit die gesamte Liste der divs no-wrap'ing stattdessen die nowrap innerhalb des div anzuwenden.

Das war eine böse ein.

(Das hatte nichts mit der Anzeige zu tun: keine)

Answer 2

Eigentlich fragte ich meine obige Frage getrennt, dann fand ich die Lösung wie ein großer Junge:

Stattdessen white-space der Verwendung: nowrap, in diesem Fall besser geeignet, es ist mit Display zu gehen. Inline-block

Die CSS angepasst werden muss hier und da für die Änderung, aber es funktioniert wie erwartet.

Elemente mit nowrap stecken zu benachbarten Elementen in WebKit