masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Tetapkan lebar dalam jadual supaya ia tidak berubah dengan teks supaya ia tetap_HTML/Xhtml_Pengeluaran halaman web

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan： 2016-05-16 16:38:52
asal
1669 orang telah melayarinya

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>
Label berkaitan：
table lebar
sumber：php.cn
Artikel sebelumnya：HTML kod jadual berbilang pengepala kod_HTML/Xhtml_pengeluaran halaman web Artikel seterusnya：Sangat mudah untuk menggunakan div pop timbul html untuk mencapai pemusatan mudah alih_HTML/Xhtml_Penghasilan halaman web
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Isu terkini
angular.js - tajuk ng-table telah hilang! ! ! !
daripada 1970-01-01 08:00:00
0
0
0
Apakah perbezaan antara new DB() dan direct DB->table()
daripada 1970-01-01 08:00:00
0
0
0
Kotak semak Bootstrap Vue <b-table> <b-form-checkbox>
daripada 1970-01-01 08:00:00
0
0
0
Bagaimana untuk menggunakan v-select dengan b-table?
daripada 1970-01-01 08:00:00
0
0
0
Bagaimana untuk melaraskan ketinggian p-table supaya sama dengan ketinggian tingkap
daripada 1970-01-01 08:00:00
0
0
0
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan