Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah anda menetapkan lebar yang berbeza untuk lajur dalam CSS3?

Bolehkah anda menetapkan lebar yang berbeza untuk lajur dalam CSS3?

Barbara Streisand
Barbara Streisandasal
2024-10-31 15:58:20933semak imbas

Can you set different widths for columns in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn