Bagaimana untuk Menetapkan Lebar Lajur Jadual Menggunakan 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!