1. Anda mengatur lebar tabel, yaitu memberi nilai lebar pada tabel (nilai numerik, bukan persentase)
2. Paksa untuk tidak membungkus
div{
//spasi putih: tidak ada pembungkus baris; nowrap normal memaksa semua teks ditampilkan pada baris yang sama hingga teks berakhir atau objek br ditemukan
spasi putih:nowrap;
Secara otomatis membungkus
div{
word-wrap: break-word;
//word-break menetapkan aturan teks normal untuk bahasa Asia dan non-Asia, memungkinkan jeda baris dalam kata-kata
jeda kata: normal;
}
Paksa
div jeda baris kata bahasa Inggris{
pemutusan kata:penghancuran semua;
}
3. Ringkasnya, selama kalimat berikut didefinisikan dalam CSS, maka dapat dijamin halaman web tersebut tidak akan dibuka lagi.
tabel{tata letak tabel: diperbaiki;}
td(word-break: break-all; word-wrap:break-word;)
Komentar:
1. Tabel pertama{table-layout: fixed;}, gaya ini dapat membuat tabel memiliki!!!(tanda seru) secara otomatis bungkus karakter.
2.td{word-break: break-all}, secara umum boleh saja menggunakan kalimat ini, namun pada beberapa kasus khusus masih tetap rusak, jadi perlu menambahkan kalimat berikut (word-wrap: break-word;) Itu bisa diselesaikan. Gaya ini memungkinkan beberapa kata bahasa Inggris yang berurutan dalam tabel dibungkus secara otomatis.
http://www.knowsky.com/
(1) Tata bahasa:
jeda kata: normal |.break-all |. keep-all
Parameter:
normal: Menurut aturan teks bahasa Asia dan bahasa non-Asia, jeda baris dalam kata diperbolehkan
break-all : Perilakunya sama seperti biasanya untuk bahasa-bahasa Asia. Pemutusan kata pada baris teks berbahasa non-Asia juga diperbolehkan. Nilai ini cocok untuk teks Asia yang berisi beberapa teks non-Asia
keep-all : Sama seperti biasanya untuk semua bahasa non-Asia. Untuk bahasa Mandarin, Korea, dan Jepang, penghentian kata tidak diperbolehkan. Cocok untuk teks non-Asia yang berisi sedikit teks Asia
(2) Sintaks:
word-wrap: normal |parameter
break-word
:normal: Mengizinkan konten melewati batas penampung yang ditentukan
break-word : Konten akan melanggar batasan. Jika perlu, pemutusan kata juga terjadi.
Deskripsi:
Menetapkan atau mengambil apakah akan memutus garis ketika garis saat ini melebihi batas wadah yang ditentukan.
Fitur skrip yang sesuai adalah word-wrap. Silakan lihat buku lain yang telah saya tulis.
(3) Sintaks:
tata letak tabel: otomatis |.
parameter tetap:
otomatis: algoritma otomatis default. Tata letaknya akan didasarkan pada konten setiap sel. Tabel tidak akan ditampilkan sampai setiap sel dibaca dan dihitung. Sangat lambat
tetap: algoritma tata letak tetap. Pada algoritma ini, tata letak horizontal hanya didasarkan pada lebar tabel, lebar tepi tabel, spasi sel, dan lebar kolom, dan tidak ada hubungannya dengan isi tabel
:
Bagaimana cara membuat tabel terbungkus secara otomatis?
Menetapkan atau mengambil algoritma tata letak tabel.
Atribut skrip yang sesuai adalah tableLayout.
4. Menurut sebagian besar artikel di Internet, tambahkan saja:
kode
.......
Kode:
tabel {
tata letak tabel:tetap;pemecah kata:pemecah-semua;pembungkus kata:pemecah-kata;
div{pemecah kata:pemecah-semua;pembungkus kata:pemecah-kata;}
Ini dapat mengatasi masalah tabel dan lapisan yang rusak. Inilah yang saya lakukan pada awalnya. Namun, kode tersebut akan menimbulkan masalah. Anda akan menemukan bahwa semua kata dalam bahasa Inggris terpotong, yang tidak sesuai dengan kebiasaan penulisan bahasa Inggris dan tidak kondusif untuk membaca.
Kemudian, saya menemukan bahwa dengan menulis ulang kode di atas, saya dapat mencegah kerusakan tabel/lapisan dan kata-kata.
sebagai berikut:
KodeKode
:
meja {
tata letak tabel: diperbaiki;
bungkus kata: kata patah;
}
div {
bungkus kata: kata patah;
}
Ini juga kode yang saya gunakan sekarang.