Hit kawasan untuk item di halaman grid.

1. Bagaimana anda menyelaraskan kandungan pada grid?
2. Bagaimana anda memaparkan perkara di grid?
3. Bagaimana anda menentukan kawasan grid?

Bagaimana anda menyelaraskan kandungan pada grid?

Salah satu cara paling mudah memusatkan kandungan item grid menggunakan Flexbox. Tetapkan paparan ke "grid" untuk bekas grid, dan "flex" untuk item grid. Kemudian, tambahkan item Align-items dan justify-content, baik dengan nilai "pusat", ke item grid.

Bagaimana anda memaparkan perkara di grid?

Untuk memulakan, anda perlu menentukan elemen kontena sebagai grid dengan paparan: grid, tetapkan saiz lajur dan baris dengan grid-templat-lajur dan grid template-baris, dan kemudian letakkan unsur-unsur anaknya ke dalam grid dengan grid-lajur dan grid-baris . Begitu juga dengan Flexbox, urutan sumber item grid tidak penting.

Bagaimana anda menentukan kawasan grid?

Kawasan grid adalah satu atau lebih sel grid yang membentuk kawasan segi empat tepat di grid. Kawasan grid dibuat apabila anda meletakkan item menggunakan penempatan berasaskan talian atau ketika menentukan kawasan menggunakan kawasan grid bernama. Kawasan grid mestilah bersifat segi empat tepat; Tidak mungkin untuk membuat, sebagai contoh, kawasan grid berbentuk T atau L.