- Bagaimana Anda menyelaraskan konten pada grid?
- Bagaimana Anda menampilkan barang -barang di grid?
- Bagaimana Anda mendefinisikan area grid?
Bagaimana Anda menyelaraskan konten pada grid?
Salah satu cara termudah untuk memusatkan konten item grid adalah menggunakan flexbox. Atur tampilan ke "grid" untuk wadah kisi, dan "flex" untuk item kisi. Kemudian, tambahkan item-align-item dan justifikasi properti konten, keduanya dengan nilai "tengah", ke item grid.
Bagaimana Anda menampilkan barang -barang di grid?
Untuk memulai, Anda harus mendefinisikan elemen kontainer sebagai kisi-kisi dengan tampilan: kisi, atur kolom dan ukuran baris dengan kolom grid-template dan ringkasan grid-template, dan kemudian masukkan elemen anaknya ke dalam grid dengan kolom kisi-kisi-kisi dan grid-row . Demikian pula dengan flexbox, urutan sumber item kisi tidak masalah.
Bagaimana Anda mendefinisikan area grid?
Area kisi adalah satu atau lebih sel kisi yang membentuk area persegi panjang di grid. Area kisi dibuat saat Anda menempatkan item menggunakan penempatan berbasis garis atau saat mendefinisikan area menggunakan area grid bernama. Area kisi harus bersifat persegi panjang; Tidak mungkin membuat, misalnya, area kisi berbentuk T- atau L.