Tetapkan lebar dalam jadual supaya ia tidak berubah dengan teks supaya ia tetap_HTML/Xhtml_Pengeluaran halaman web

Selepas lebar jadual pada halaman ditetapkan kepada width="600px", lebar masih tidak tetap Jika teks terlalu panjang, ia tidak akan membalut dan jadual akan berubah bentuk.

Penyelesaian:

1.table Tetapkan lebar, kedua-dua lebar mutlak dan lebar relatif boleh digunakan

table-layout:fixed;
Tetapkan atribut ini dan semua lain td Semua adalah sama lebar.

Selepas melakukan ini, lebar jadual ditetapkan, tetapi jika artikel di dalamnya sangat panjang, teks akan menutupnya

Penyelesaian:

Tambah style=" dalam td word-wrap:break-word;" Hanya bungkus perkataan secara automatik. Jika anda tidak mahu membalut baris, anda boleh menyembunyikan kandungan berlebihan dan menggantikannya dengan elipsis:

Tambah

Salin kodKod adalah seperti berikut:

overflow:hidden; >white-space:nowrap;


text-overflow:ellipsis; (pada masa ini hanya diuji dalam IE8)

Kaedah yang disyorkan (2013-11-14 oleh Zhang Lei) Gunakan div untuk mengawal kandungan daripada TD

Tambahkan TD

(1) Teks yang melebihi lebar dan tinggi akan disembunyikan secara automatik

Salin kodKodnya adalah seperti berikut:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa& lt;/div>

(2) Tetapkan pembalut garisan automatik apabila lebar td melebihi panjang

Salin kodKod adalah seperti berikut:

/td>