CSS column-fill Eigenschaft
- Seite zuvor column-count
- Nächste Seite column-gap
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 |
- Seite zuvor column-count
- Nächste Seite column-gap