Rumah >hujung hadapan web >tutorial css >Gunakan CSS untuk mengawal jadual atau sel untuk memaksa pemisah baris bagi mengelakkan jadual daripada dibesarkan dengan perkataan Inggeris atau pertukaran Chinese_Experience

Gunakan CSS untuk mengawal jadual atau sel untuk memaksa pemisah baris bagi mengelakkan jadual daripada dibesarkan dengan perkataan Inggeris atau pertukaran Chinese_Experience

WBOY
WBOYasal
2016-05-16 12:04:142213semak imbas
Untuk elemen peringkat blok seperti div dan p
Balut baris teks biasa (teks Asia dan teks bukan Asia) mempunyai ruang putih lalai:normal, yang akan membalut secara automatik selepas lebar yang ditentukan
html
Elemen pembalut teks biasa (teks Asia dan bukan Asia) mempunyai white-space:normal lalai, apabila ditakrifkan

css
#wrap{white-space: normal; lebar:200px; #wrap{word -break:break-all; width:200px;}
atau
#wrap{word-wrap:break-word;}

abcdefghijklmnabcdefghijklmnabcdefghi1>1 🎜>Kesan: Pemisahan baris boleh dicapai
2. (Pelayar Firefox) Pemisahan baris aksara Inggeris dan angka Arab yang berterusan Semua versi Firefox tidak menyelesaikan masalah ini. Kami hanya boleh menyembunyikan aksara di luar sempadan atau menambah skrol bar ke bekas
#wrap{word-break:break-all; width:200px; overflow:auto;}

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111


kandungan yang tersembunyi 🎜>untuk jadual
1 . (pelayar IE) Gunakan table-layout:fixed; untuk memaksa lebar jadual dan menyembunyikan kandungan berlebihan



abcdefghigklmnopqrstuvwxyz1234567890sssssssssssss




abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss

Kesan IE.>

abcdefghigklmnopqrstuvwxyz 1234567890




abcdefghigklmnopqrstuvwxyz 1234567890
abcdefghigklmnopqrstuvwxyz 1234567890
td>
abcdefghigklmnopqrstuvwxyz 1234567890







abcdefghigklmnopqrstuvwxyz1234567890 abcdefghigklmnopqrstuvwxyz1234567890
Kesan: line break adalah mungkin3. (pelayar IE) dalam td, Nested divs, p, dsb. dalam ke menggunakan kaedah pemisah baris div dan p yang disebutkan di atas 4. (Pelayar Firefox) Gunakan susun atur jadual: tetap; untuk memaksa lebar jadual, dan td dalam, th menggunakan word-break : break-all: break-word, gunakan overflow:hidden untuk menyembunyikan lebihan kandungan, overflow:auto; tidak akan berfungsi di sini
abcdefghigklmnopqrstuvwxyz1234567890
Kenyataan:
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