Das beste CSS3 column-fill Eigenschaften-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Attributdefinitionen und Anweisungen,Grammatik,Weitere Beispiele,In Verbindung stehende Artikel, lernen

CSS3 column-fill Eigenschaften

Beispiele

Gibt an, wie Spalten zu füllen:

div
{
column-fill: auto;
}

Im unteren Bereich dieser Seite finden Sie weitere Beispiele.

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Methode Versionsnummer zu unterstützen.

属性
column-fill 不支持 不支持 13.0 -moz- 不支持 不支持

Attributdefinitionen und Anweisungen

column-fill Gibt an, wie Attributspalte zu füllen.

Standard: Balance
Vererbung: keine
Version: CSS3
JavaScript-Syntax: Objekt .style.columnFill = "auto"


Grammatik

column-fill: balance|auto;

Wert Erklärung
Balance Säulenlänge Gleichgewicht. Browser sollte die Länge der Spalte ändert minimieren
auto Füllen Spaltenreihenfolge, werden sie unterschiedliche Längen haben


Beispiele

Weitere Beispiele

Column-count
Text div Element in drei Spalten.

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

CSS3 column-fill Eigenschaften
10/30