- Kelompok kerja CSS mengumumkan draf kerja publik pertama untuk CSS Grid Layout Module Level 3, yang juga dikenal sebagai tata letak CSS Masonry (susun bata)
- Draf ini menangani tata letak susun bata sebagai fitur bawaan CSS dengan dua kemungkinan bentuk sintaks, yaitu sintaks terintegrasi grid dan sintaks independen grid
- Dengan diterbitkannya draf ini, mereka berharap dapat mendorong diskusi tentang keunggulan relatif dari kedua bentuk sintaks tersebut
Keputusan kelompok kerja CSS
- Kelompok kerja CSS memutuskan untuk mengadopsi mixed track sizing penuh untuk model tata letak ini
- Ini memungkinkan semua daftar track yang mungkin diekspresikan dalam tata letak CSS Grid juga digunakan dalam tata letak susun bata
- Ini menyatukan model tata letak dasar dari kedua proposal, sehingga kedua bentuk sintaks pada dasarnya merepresentasikan kemampuan yang setara untuk tata letak susun bata (masih ada beberapa isu yang belum terselesaikan terkait perbedaan nilai awal)
- Untuk mengatasi masalah performa yang terkait dengan mixed track sizing, draf ini menguraikan optimasi performa tertentu dalam model tata letak dan mengadopsi beberapa aturan praktis penyederhanaan untuk subgrid dan lainnya
2 komentar
Masonry Layout dijelaskan dengan baik di MDN.
https://developer.mozilla.org/en-US/docs/…
Tim WebKit juga pernah menulis permintaan bantuan terkait hal ini pada bulan April.
CSS Grid Level 3, alias layout "Masonry"
Tulisan tersebut menyertakan gambar penjelasan berbasis contoh tentang layout Masonry, jadi silakan dijadikan referensi.