Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menetapkan Lebar Lajur Jadual Menggunakan CSS?

Bagaimana untuk Menetapkan Lebar Lajur Jadual Menggunakan CSS?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 13:09:02780semak imbas

How to Set Table Column Width Using CSS?

Menetapkan Lebar Lajur Jadual

Jadual biasanya digunakan untuk mempersembahkan data jadual, tetapi melaraskan lebar lajur boleh menjadi penting untuk memastikan kebolehbacaan dan penjajaran yang betul. Dalam artikel ini, kami akan meneroka cara untuk menetapkan lebar lajur jadual menggunakan CSS.

Kaedah Menggunakan Sifat Lebar CSS

Lebar lajur jadual boleh ditetapkan menggunakan sifat lebar elemen kol. Nilai lebar boleh ditentukan dalam piksel (cth., lebar: 200px;) atau sebagai peratusan lebar elemen induk (cth., lebar: 50%;).

Contoh dengan Atribut Gaya Sebaris :

Contoh ini menggunakan sebaris atribut gaya dalam elemen kol untuk menetapkan lebar tiga lajur:

<code class="html"><table style="width: 100%;">
    <colgroup>
        <col span="1" style="width: 15%;">
        <col span="1" style="width: 70%;">
        <col span="1" style="width: 15%;">
    </colgroup>

    <!--- ... remaining table elements ---->
</table></code>

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Lebar Lajur Jadual Menggunakan CSS?. 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