Bolehkah anda menetapkan lebar yang berbeza untuk lajur dalam CSS3?

Barbara Streisand
Lepaskan: 2024-10-31 15:58:20
asal
948 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!