Ich habe eine Menge Zeit damit verbracht, diese Formatierung richtig zu machen, damit alle Ideen geschätzt werden. Wir haben eine Reihe von Informationen zu foos , die wir zusammen gruppieren wollen. Wenn also ein Bündel von foos nebeneinander aufgelistet wäre, würde das gesamte foo zusammenbleiben, wenn dieses Element das Umbrechen der foos verursacht . Auch die Formatierung sollte so aussehen: Also der Text ist links und die Zahlen sind rechts.
%Vor%Also ist das Hauptsymbol am weitesten links, dann der Name und das Modell, und dann rechts ausgerichtet sind die Geschwister und Kinder (mit eingebetteten CSS-Symbolen für jeden).
Jeder foo kann Folgendes haben:
%Vor%-
Der wichtige Teil ist, dass ich das gesamte foo in einem großen Block zusammenhalten möchte, da ich diese Struktur auf der ganzen Seite verwende. Bei Bedarf kann sich die Struktur des foo ändern, ich habe die vollständige Kontrolle darüber.
Dies ist ein Beispiel, wo Tabellen erlaubt sind. Weil das Tabellendaten sind. Etwas.
Alles in div ist für Layouts in Ordnung, aber Sie listen Dinge tatsächlich mit Zeilen und Spalten auf. Das ist ein Tisch in meinem Buch.
Der white-space:nowrap Stil verhindert, dass die "foo" divs brechen, aber ich habe auch festgestellt, dass sie die Breite, die im "content" -Div definiert wurde, durchbrochen haben.
Ich fand Folgendes in IE, Firefox und Chrome (nur PC, habe gerade keinen Zugriff auf einen Mac)
%Vor%Sie haben also eine Reihe von divs, von denen jede einen Inhalt enthält, und Sie möchten, dass sie nebeneinander in einer Reihe angezeigt werden?
%Vor%lässt sie nach links schweben und sie erscheinen alle nebeneinander; jede Box wird auf die minimal benötigte Breite eingeschweißt.