属性 column-fill CSS

Definisi dan penggunaan

Atribut column-fill menentukan cara mengisi kolom (apakah dikoordinasi).

Lihat juga:

Panduan CSS3:Beralih kolom CSS3

Panduan HTML DOM:Atribut columnFill

Contoh

Tetapkan cara mengisi kolom:

div
{
column-fill:auto;
}

语法: CSS

column-fill: balance|auto;

Nilai atribut

Nilai Deskripsi
balance Koordinasi kolom. Peramban harus mengurangi perbedaan panjang kolom.
auto Isi kolom urut, panjang kolom akan berbeda.

Detil teknologi

Nilai default: balance
Inheritance: no
Versi: CSS3
语法: JavaScript object.style.columnFill="auto"

Contoh lanjutan

Column-count
Bagi teks dalam elemen div ke tiga kolom.
Column-gap
Bagi teks dalam elemen div ke tiga kolom, dan tetapkan jarak antara kolom 30 piksel.
Column-rule
Tetapkan lebar, gaya dan warna antara kolom.

Dukungan perepositori

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