Sifat grid-auto-flow CSS

Definisi dan penggunaan

Atribut grid-auto-flow mengawasi bagaimana objek pengisian disisipkan ke dalam kisi.

Lihat juga:

Panduan CSS:Susunannya Grid CSS

Contoh

Contoh 1

Masukkan objek pengisian secara otomatis di setiap baris:

.grid-container {
  display: grid;
  grid-auto-flow: kolom;
}

Coba sendiri

Contoh 2

Isikan semua lubang di dalam kisi dengan menambahkan nilai "padat":

.grid-container {
  display: grid;
  grid-auto-flow: baris padat;
}

Coba sendiri

Bentuk Bahasa CSS

grid-auto-flow: baris|kolom|padat|baris padat|kolom padat;

Nilai atribut

Nilai Deskripsi
baris Nilai lalai. Tempatkan objek melalui pengisian setiap baris.
kolom Tempatkan objek melalui pengisian setiap baris.
padat Tempatkan objek untuk mengisi apa pun lubang di dalam kisi.
baris padat Tempatkan objek melalui pengisian setiap baris, serta mengisi apa pun lubang di dalam kisi.
baris padat Tempatkan objek melalui pengisian setiap baris, serta mengisi apa pun lubang di dalam kisi.

Detil teknikal

Nilai lalai: baris
Warisan: Tidak
Pembuatan animasi: Dukungan. Lihat:Atribut animasi.
Versi: Modul Susunannya CSS Grid Level 1
Bentuk Bahasa JavaScript: object.style.gridAutoFlow="row dense"

Dukungan pelayar

Bilangan di dalam jadwal menunjukkan versi paling awal yang mendukung sifat ini.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44