CSS3 Spalte Spalt Eigenschaft
Beispiele
Gibt die Lücke 40 zwischen den Pixelspalten:
div
{
Spalte-Lücke: 40px;
-moz-column-Lücke: 40px; / * Firefox * /
-webkit-column-Lücke: 40px; / * Safari und Chrome * /
}
{
Spalte-Lücke: 40px;
-moz-column-Lücke: 40px; / * Firefox * /
-webkit-column-Lücke: 40px; / * Safari und Chrome * /
}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
属性 | |||||
---|---|---|---|---|---|
column-gap | 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
Der Spalt zwischen dem säulen Lücke Eigenschaft gibt die Spalten.
HINWEIS: Wenn Sie die Abstandsregeln zwischen den Spalten angeben, wird es den Durchschnitt nehmen.
Standard: | normal |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.columnGap = "40px" |
Grammatik
column-gap:length|normal;
值 | 描述 |
---|---|
length | 一个指定的长度,将设置列之间的差距 |
normal | 指定一个列之间的普通差距。 W3C建议1EM值 |

Weitere Beispiele
Column-count
Text div Element in drei Spalten.
Column-Regel
Regeln festlegen, zwischen Spalten: Breite, Stil und Farbe.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Mehrere die Spalten