CSS column-fill Eigenschaft

Definition und Verwendung

Die column-fill-Eigenschaft legt fest, wie die Spalten gefüllt werden (ob koordiniert werden soll).

Weitere Informationen:

CSS3-Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnFill-Eigenschaft

Beispiel

Legen Sie fest, wie die Spalten gefüllt werden:

div
{
column-fill:auto;
}

CSS-Syntax

column-fill: balance|auto;

Attributwert

Wert Beschreibung
balance Koordination der Spalten. Der Browser sollte die Unterschiede in der Spaltenlänge minimieren.
auto Füllen Sie die Spalten in der Reihenfolge, die Längen der Spalten werden unterschiedlich sein.

Technische Details

Standardwert: balance
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.columnFill="auto"

Mehr Beispiele

Column-count
Teilen Sie den Text des div-Elements in drei Spalten.
Column-gap
Teilen Sie den Text des div-Elements in drei Spalten und geben Sie eine 30-Pixel-Abstand zwischen den Spalten an.
Column-rule
Legen Sie die Breite, den Stil und die Farbe der Spalten zwischen den fest.

Browser-Unterstützung

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0