CSS3 Spalte-Eigenschaft count
Beispiele
Der Text gliedert sich div Element in drei Spalten:
div
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari und Chrome * /
}
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari und Chrome * /
}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
属性 | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Attributdefinitionen und Anweisungen
column-count-Eigenschaft gibt die Anzahl der Spalten eines Elements verteilt werden sollten.
Standard: | auto |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.columnCount = 3 |
Grammatik
column-count:number|auto;
Wert | Erklärung |
---|---|
Anzahl | Die optimale Anzahl der Spalten in dem der Inhalt des Elements nicht ausfließen |
auto | Die Anzahl der Spalten auf anderen Attributen abhängen, wie zum Beispiel: "Spaltenbreite" |

Probieren Sie es selbst - Beispiele
Column-Lücke
Text im div-Element in drei Spalten, und geben Sie den Abstand zwischen den Spalten eines 30 Pixel.
Column-Regel
Regeln festlegen, zwischen Spalten: Breite, Stil und Farbe.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Mehrere die Spalten