Penjana Grid CSS
Bina susun atur grid CSS secara visual.
Praset susun atur (10)
Seret merentasi sel untuk melukis segi empat tepat, atau klik satu sel pada satu masa. Setiap kawasan bernama mesti kekal berbentuk segi empat tepat.
Pratonton langsung
Satu dimensi: Penjana Flexbox CSS.
Bina grid CSS dengan kawasan bernama
Lukis grid huruf untuk kawasan templat, atau pilih pratetap. Pratonton menunjukkan setiap rantau dengan warna tersendiri.
Soalan Lazim
Apakah grid-template-areas?
Cara untuk menamakan kawasan susun atur (header, sidebar, main…) dan meletakkan item mengikut nama, bukan nombor garisan grid. Klik sel di bawah untuk mewarnakan huruf kawasan — CSS dikemas kini secara langsung.
Bolehkah saya bermula dengan preset?
Ya — sepuluh preset susun atur, termasuk Holy grail, dashboard, magazine dan app shell, memuatkan kawasan bernama dengan satu klik.
Adakah apa-apa yang dimuat naik?
Tidak. CSS dijana sepenuhnya dalam pelayar anda.
Terakhir dikemas kini: