Sehr viel Lorem Ipsum

Gegliedert durch einige Paragraphen

Bei column-count wird der Inhalt auf die dahinter notierte Anzahl an Spalten aufgeteilt – immer! Im Gegensatz dazu gibt column-width etwas missverständlich nur die Mindestbreite der Spalten an. Wie breit sie am Ende wirklich sind, hängt auch von der Breite des gesamten Blockes ab. Der Grund für dieses Verhalten ist die Bruchrechnung, bei der man bekanntlich selten auf schöne ganzzahlige Ergebnisse kommt. Hat man einen 600px breiten Block und gibt als Spaltenbreite column-width: 250px an, ergäben sich daraus 2,4 Spalten. Das lässt sich natürlich nicht umsetzen, deshalb vernachlässigt der Browser einfach die Nachkommastellen und legt nur zwei Spalten à 300px an.

Wie man sieht, gibt es neben column-count und column-width noch die Möglichkeit, den Abstand zwischen den Spalten zu bestimmen. Des weiteren lässt sich mit column-rule auch eine Art Linie setzen. Vergleichbar sind diese beiden Eigenschaften mit padding und border im normalen Boxenmodell.

Bei column-count wird der Inhalt auf die dahinter notierte Anzahl an Spalten aufgeteilt – immer! Im Gegensatz dazu gibt column-width etwas missverständlich nur die Mindestbreite der Spalten an. Wie breit sie am Ende wirklich sind, hängt auch von der Breite des gesamten Blockes ab. Der Grund für dieses Verhalten ist die Bruchrechnung, bei der man bekanntlich selten auf schöne ganzzahlige Ergebnisse kommt. Hat man einen 600px breiten Block und gibt als Spaltenbreite column-width: 250px an, ergäben sich daraus 2,4 Spalten. Das lässt sich natürlich nicht umsetzen, deshalb vernachlässigt der Browser einfach die Nachkommastellen und legt nur zwei Spalten à 300px an.

Wie man sieht, gibt es neben column-count und column-width noch die Möglichkeit, den Abstand zwischen den Spalten zu bestimmen. Des weiteren lässt sich mit column-rule auch eine Art Linie setzen. Vergleichbar sind diese beiden Eigenschaften mit padding und border im normalen Boxenmodell.

Bei column-count wird der Inhalt auf die dahinter notierte Anzahl an Spalten aufgeteilt – immer! Im Gegensatz dazu gibt column-width etwas missverständlich nur die Mindestbreite der Spalten an. Wie breit sie am Ende wirklich sind, hängt auch von der Breite des gesamten Blockes ab. Der Grund für dieses Verhalten ist die Bruchrechnung, bei der man bekanntlich selten auf schöne ganzzahlige Ergebnisse kommt. Hat man einen 600px breiten Block und gibt als Spaltenbreite column-width: 250px an, ergäben sich daraus 2,4 Spalten. Das lässt sich natürlich nicht umsetzen, deshalb vernachlässigt der Browser einfach die Nachkommastellen und legt nur zwei Spalten à 300px an.

Wie man sieht, gibt es neben column-count und column-width noch die Möglichkeit, den Abstand zwischen den Spalten zu bestimmen. Des weiteren lässt sich mit column-rule auch eine Art Linie setzen. Vergleichbar sind diese beiden Eigenschaften mit padding und border im normalen Boxenmodell.

Bei column-count wird der Inhalt auf die dahinter notierte Anzahl an Spalten aufgeteilt – immer! Im Gegensatz dazu gibt column-width etwas missverständlich nur die Mindestbreite der Spalten an. Wie breit sie am Ende wirklich sind, hängt auch von der Breite des gesamten Blockes ab. Der Grund für dieses Verhalten ist die Bruchrechnung, bei der man bekanntlich selten auf schöne ganzzahlige Ergebnisse kommt. Hat man einen 600px breiten Block und gibt als Spaltenbreite column-width: 250px an, ergäben sich daraus 2,4 Spalten. Das lässt sich natürlich nicht umsetzen, deshalb vernachlässigt der Browser einfach die Nachkommastellen und legt nur zwei Spalten à 300px an.

Wie man sieht, gibt es neben column-count und column-width noch die Möglichkeit, den Abstand zwischen den Spalten zu bestimmen. Des weiteren lässt sich mit column-rule auch eine Art Linie setzen. Vergleichbar sind diese beiden Eigenschaften mit padding und border im normalen Boxenmodell.

Bei column-count wird der Inhalt auf die dahinter notierte Anzahl an Spalten aufgeteilt – immer! Im Gegensatz dazu gibt column-width etwas missverständlich nur die Mindestbreite der Spalten an. Wie breit sie am Ende wirklich sind, hängt auch von der Breite des gesamten Blockes ab. Der Grund für dieses Verhalten ist die Bruchrechnung, bei der man bekanntlich selten auf schöne ganzzahlige Ergebnisse kommt. Hat man einen 600px breiten Block und gibt als Spaltenbreite column-width: 250px an, ergäben sich daraus 2,4 Spalten. Das lässt sich natürlich nicht umsetzen, deshalb vernachlässigt der Browser einfach die Nachkommastellen und legt nur zwei Spalten à 300px an.

Wie man sieht, gibt es neben column-count und column-width noch die Möglichkeit, den Abstand zwischen den Spalten zu bestimmen. Des weiteren lässt sich mit column-rule auch eine Art Linie setzen. Vergleichbar sind diese beiden Eigenschaften mit padding und border im normalen Boxenmodell.