Ich muss drei Divs nebeneinander erstellen(Attribut float: left). Dann lese ich die Daten aus der Datenbank und muss diese Daten in drei Divs darstellen, so dass ich zuerst das erste Div Zeile für Zeile auffülle und wenn ich eine bestimmte Höhe erreicht habe, gehe ich zum nächsten Div und fülle es mit Daten und so weiter. Dies ist so etwas wie eine umgekehrte Tabelle, dh ich fülle zuerst die erste Spalte in der ersten Zeile und gehe dann zur zweiten und so weiter bis zum Ende der Zeile, dann gehe ich zur zweiten Spalte in der ersten Zeile und so weiter. Ich hoffe du bekommst das Bild.
Gibt es eine Möglichkeit, dies in CSS oder auf andere Weise zu erreichen?
Antworten:
0 für die Antwort № 1Diese Funktionalität steht in CSS3 mit zur Verfügung column-count und column-span.
0 für die Antwort № 2
Ich weiß nicht, wie ich es effizient machen soll, aber essollte mit javascript möglich sein ... du kennst die zeilenhöhe, du prüfst die höhe von first div mit allen inhalten, dann schneidest du sie auf die gewünschte größe ab und der rest setzt auf die nächste div. wiederhole .. aber das sieht komisch aus ..?
0 für die Antwort № 3
Möglicherweise können Sie dies tun, indem Sie die ersten 30 Ergebnisse in der Datenbank in einer Spalte und dann die nächsten 30 in der nächsten Division anfordern und so weiter. Ich kann nicht sehen, dass es nur in CSS 2.1 möglich ist.