Bolehkah CSS Membuat Susun Atur Batu Tanpa JavaScript?

Bolehkah CSS Sahaja Membuat Reka Letak Gaya Batu?

Reka letak batu mempamerkan ciri berikut:

• Ketinggian kotak berbeza-beza.
• Sesetengah kotak kelihatan ketara lebih luas.

Bolehkah reka letak ini dicapai hanya melalui CSS?

Pendekatan CSS

Sememangnya, ia boleh dilaksanakan dengan sokongan CSS3:

.container {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
    width: 360px;
}

.container div {
    display: inline-block;
    width: 100%;
    background-color: red;
}

Pendekatan Bukan CSS3

Malangnya, susun atur ini memerlukan JavaScript jika tiada sokongan CSS3.

Atas ialah kandungan terperinci Bolehkah CSS Membuat Susun Atur Batu Tanpa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!