Bagaimana Saya Boleh Mengekalkan Lebar Lajur Jadual dalam HTML Tanpa mengira Panjang Kandungan Sel?

Kekalkan Lebar Lajur Jadual Walaupun Panjang Kandungan Sel

Dalam perwakilan jadual, selalunya wajar untuk mengekalkan lebar lajur yang konsisten tanpa mengira teks panjang dalam selnya. Walau bagaimanapun, tingkah laku lalai jadual HTML membolehkan lebar lajur berkembang untuk menampung kandungan yang lebih panjang.

Untuk melumpuhkan pengembangan automatik ini dan memastikan lebar lajur tetap, ikut langkah berikut:

1. Tentukan lebar lajur yang dikehendaki menggunakan sifat lebar untuk kedua-dua elemen ke (pengepala jadual) dan td (data jadual) dalam lajur yang berkenaan. Contohnya:

th, td {
  width: 100px;
}

2. Tetapkan sifat susun atur jadual jadual kepada "tetap", yang memberitahu penyemak imbas untuk menguatkuasakan lebar lajur yang ditentukan:

table {
  table-layout: fixed;
}

3. Untuk mengelakkan sebarang limpahan teks yang berpotensi daripada tumpah di luar jadual, tambah limpahan: tersembunyi; sifat kepada elemen ke dan td:

th, td {
  overflow: hidden;
}

4. Pastikan semua sempadan dan saiz untuk jadual dan selnya ditakrifkan menggunakan CSS, bukannya atribut HTML.

Dengan mengikuti langkah ini, anda boleh mengekalkan lebar lajur yang tetap dalam jadual HTML anda, tanpa mengira panjang teks dalam sel individu.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mengekalkan Lebar Lajur Jadual dalam HTML Tanpa mengira Panjang Kandungan Sel?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!