Eigenschaft column-count

Die Eigenschaft column-count legt die empfohlene Anzahl der Spalten in einem mehrspaltigen Text fest. Die tatsächliche Anzahl kann von der angegebenen abweichen, abhängig von der Spaltenbreite und der Größe des Zwischenraums.

Syntax

cssSelektor {
  column-count: Zahl | auto;
}

Werte

Wert	Beschreibung
Zahl	Legt die angegebene Anzahl der Spalten fest. Genauer gesagt, empfiehlt sie dem Browser, diese Anzahl an Spalten zu verwenden, da die tatsächliche Anzahl von der angegebenen abweichen kann, abhängig von der Spaltenbreite und der Größe des Zwischenraums.
`auto`	Der Browser wählt automatisch die optimale Anzahl der Spalten.

Standardwert: auto.

Beispiel

In diesem Beispiel wird der Text in 3 Spalten unterteilt (natürlich nur in Browsern, die Mehrspaltenlayout unterstützen, in anderen wird es einfach normaler Text in einer Spalte sein):

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Beispiel . Wert auto

In diesem Beispiel ist die Spaltenbreite column-width auf 150px gesetzt, und ihre Anzahl column-count ist auf auto gesetzt - der Browser wählt automatisch die erforderliche Anzahl an Spalten und den Zwischenraum zwischen ihnen:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

Siehe auch

die Eigenschaft column-width,
die die Spaltenbreite 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 festlegt, über wie viele Spalten sich ein Element erstrecken soll
die Eigenschaft columns,
die eine Kurzschreibweise für Mehrspalteneigenschaften ist