Bolehkah anda menetapkan lebar yang berbeza untuk lajur dalam CSS3?

Menyesuaikan Lebar Lajur dalam CSS3

Soalan:

Adakah mungkin untuk menentukan lebar yang berbeza untuk lajur dalam CSS3?

Perbincangan:

Dalam CSS3, sifat lebar lajur menetapkan lebar berbilang lajur dalam reka letak berbilang lajur. Walau bagaimanapun, anda hanya boleh menentukan satu nilai untuk semua lajur. Ini bermakna setiap lajur akan mempunyai lebar yang sama.

Contoh:

Pertimbangkan penanda HTML berikut untuk reka letak dua lajur:

<code class="html"><div style="-webkit-column-count: 2;
            -webkit-column-rule: 1px solid black;
            -webkit-column-width: 80px;
             margin-left:20px;margin-top:20px;">
    <div id="picturebox">picture box</div>
    <div id="nme">name</div>
</div></code>

Dalam contoh ini, kedua-dua div "kotak gambar" dan "nama" akan mempunyai lebar yang sama iaitu 80px.

Jawapan:

Tidak, adalah tidak mungkin untuk menentukan lebar yang berbeza untuk lajur dalam CSS3.

Sifat lebar lajur direka untuk kandungan yang mengalir sekata antara lajur yang sama. Menetapkan lebar yang berbeza pada lajur akan mengganggu aliran kandungan dan mencipta reka letak yang tidak konsisten.

Atas ialah kandungan terperinci Bolehkah anda menetapkan lebar yang berbeza untuk lajur dalam CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!