Eigenschaft column-width
Die Eigenschaft column-width legt die Breite
der Spalten in mehrspaltigem Text fest. Als Wert
der Eigenschaft dienen alle Einheiten
für Größen, außer Prozent, oder das Schlüsselwort
auto (Standard). Bei dem Wert
auto wählt der Browser selbst die optimale
Spaltenbreite basierend auf column-count
und column-gap.
Syntax
Selektor {
column-width: Wert;
}
Beispiel . Angegebene Breite
In diesem Beispiel ist die Spaltenbreite column-width
auf 150px gesetzt, und ihre Anzahl column-count
steht auf auto. Als Ergebnis
wird die Spaltenbreite 150px betragen, ihre Anzahl
und der Abstand zwischen ihnen wählt der Browser selbst:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Beispiel . Wert auto
In diesem Beispiel wird der Text in 3
Spalten unterteilt (da column-width
auf den Wert 3 gesetzt ist), aber ihre Breite wird
automatisch berechnet:
<div id="elem">
some long text
</div>
#elem {
column-width: auto;
column-count: 3;
text-align: justify;
}
:
Siehe auch
-
die Eigenschaft
column-count,
die die Anzahl der Spalten festlegt -
die Eigenschaft
column-gap,
die den Abstand zwischen den Spalten festlegt -
die Eigenschaft
column-rule,
die die Trennlinie zwischen den Spalten festlegt -
die Eigenschaft
column-span,
die die Anzahl der Spalten festlegt, über die sich ein Element erstrecken soll -
die Eigenschaft
columns,
die eine Kurzschreibweise für Mehrspaltigkeit ist
