Bagaimanakah Saya Boleh Mengekalkan Lebar Sel Tetap dalam Jadual HTML?

Mengekalkan Lebar Sel Jadual Tetap

Jadual terus menjadi kaedah reka letak biasa, menimbulkan persoalan tentang mengawal lebar sel. Penggayaan sel tradisional menggunakan atribut lebar selalunya gagal, kerana pengembangan kandungan sel mengatasi lebar yang ditentukan.

Cara jqGrid Mencapai Lebar Sel Tetap

jqGrid menggunakan gabungan elemen:

• Teg: Teg ini mentakrifkan ciri lajur jadual. jqGrid menetapkan atribut lebar dalam untuk menentukan lebar lajur yang diingini.
• susun atur jadual: tetap Gaya: Digunakan pada jadual, gaya ini mengunci lebar lajur tanpa mengira kandungan sel.
• limpahan: Gaya tersembunyi pada Sel Jadual: Gaya ini menghalang kandungan sel daripada melimpah melebihi yang ditentukan lebar.

Melaksanakan Lebar Sel Tetap

Untuk melaksanakan lebar sel tetap dalam jadual anda sendiri:

1. Sertakan < col> teg dan tentukan lebar yang diingini untuk setiap lajur.
2. Gunakan susun atur jadual: gaya tetap pada jadual menggunakan CSS.
3. Tetapkan limpahan: gaya tersembunyi pada sel jadual individu.

Contoh Kod

HTML:

<table>
    <col width="20px">
    <col width="30px">
    <col width="40px">
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

CSS:

table { table-layout: fixed; }
table td { overflow: hidden; }

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Lebar Sel Tetap dalam Jadual HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!