Susun atur batu CSS asli dalam grid CSS

Rachel Andrew menyoroti kemampuan susun atur CSS Masonry yang akan datang dalam grid CSS. Walaupun susun atur batu kini boleh dicapai, cabarannya terletak pada masa yang sama menguruskan menegak menegak dan mengekalkan urutan sumber kiri ke kanan. Ciri baru ini elegan menangani isu ini, yang menawarkan penyelesaian yang lebih bersih dan kurang hacky.

Pengguna Firefox setiap malam boleh bereksperimen dengan pelaksanaan separa dengan membolehkan layout.css.grid-template-masonry-value.enabled Flag.

 <code>.container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: masonry; }</code>

grid-template-rows: masonry; Sintaks adalah intuitif, dengan jelas menunjukkan bahawa ketinggian baris diuruskan secara automatik. Implikasinya ialah warisan subgrid tidak terpakai kepada baris dalam konteks ini, yang logik.

Atas ialah kandungan terperinci Susun atur batu CSS asli dalam grid CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!