Grid di mana pengguna membuat pilihan individu di setiap sel. Adakah cara yang lebih baik?

1. Apakah perbezaan antara grid dan flex?
2. Nilai apa yang harus saya gunakan jika saya mahu semua lajur saya dalam susun atur grid saya mempunyai lebar yang sama?
3. Adakah kawasan templat grid baik?
4. Harta mana yang harus digunakan jika anda ingin menyelaraskan item grid di dalam sel di sepanjang paksi baris?

Apakah perbezaan antara grid dan flex?

Grid dan Flexbox. Perbezaan asas antara susun atur grid CSS dan susun atur flexbox CSS adalah bahawa Flexbox direka untuk susun atur dalam satu dimensi - sama ada baris atau lajur. Grid direka untuk susun atur dua dimensi - baris, dan lajur pada masa yang sama.

Nilai apa yang harus saya gunakan jika saya mahu semua lajur saya dalam susun atur grid saya mempunyai lebar yang sama?

Jika anda benar-benar memerlukan lajur untuk menjadi lebar yang sama yang perlu anda gunakan: grid-templat-lajur: ulangi (3, minmax (0, 1fr)); Minmax (0, 1fr) membolehkan trek grid menjadi sekecil 0 tetapi sebesar 1fr, membuat lajur yang akan tetap sama.

Adakah kawasan templat grid baik?

Kawasan templat grid CSS menjadikan perwakilan visual grid menggunakan kedua -dua lajur dan baris. Ini menjadikan proses reka bentuk yang lebih cepat daripada apabila penempatan berasaskan garis atau grid-lajur dan nilai grid-baris digunakan.

Harta mana yang harus digunakan jika anda ingin menyelaraskan item grid di dalam sel di sepanjang paksi baris?

Justify-diri digunakan untuk menyelaraskan item grid di sepanjang paksi baris.