Cara menggunakan CSS untuk mengatasi masalah pembungkusan baris otomatis kata-kata bahasa Inggris

Mencegah tabel/lapisan pecah dan kata-kata pecah

Bisa dikatakan masalah pembungkusan baris otomatis kata-kata bahasa Inggris telah menyiksa banyak orang. Jika sebuah kata ditulis dalam waktu yang lama maka tabelnya akan rusak, namun jika diabaikan maka kata-kata bahasa Inggrisnya akan terpecah.

Cegah formulir agar tidak pecah

Masalah ini telah disebutkan oleh banyak orang, dan kemudian saya menyelesaikannya di versi awal, tetapi menyebabkan kata-kata bahasa Inggris terpecah dan dibungkus dengan baris baru, jadi ketika saya membuat template baru, saya tidak menambahkan beberapa kode css untuk mengendalikan ini. Saya mencobanya hari ini dan menemukan bahwa solusinya sangat sederhana.

Menurut sebagian besar artikel di Internet, tambahkan saja:
kode
...........

meja {

tata letak tabel:tetap;penghentian kata:penghancuran-semua;pembungkus kata:penghancuran-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:
kode

meja {
tata letak tabel: diperbaiki;
bungkus kata: kata patah;
}
div {
bungkus kata: kata patah;
}

Ini juga kode yang saya gunakan sekarang.
--------------------------------------------------- ---

Menurut manual CSS2 Cina oleh Rainer Su

versi word-break: warisan properti milik IE5+: yes Sintaks:
kata-break: normal |.break-all |
Nilai:
normal: nilai default. Izinkan jeda baris di antara kata-kata
break-all : Perilaku ini 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

menjelaskan:
Menetapkan atau mengambil perilaku pembungkusan intraword untuk teks dalam suatu objek. Apalagi ketika muncul banyak bahasa.
Untuk bahasa Cina, break-all harus digunakan.
Properti ini bersifat read-only untuk objek currentStyle. Itu dapat dibaca dan ditulis oleh objek lain.
Fitur skrip yang sesuai adalah wordBreak.
Contoh:
div {pemecah kata : pemecatan semua }
Berlaku untuk:
IE5.0+

versi bungkus kata: warisan properti milik IE5.5+: ya Sintaks:
bungkus kata : normal |
Nilai:
normal: nilai default. Izinkan konten melampaui batas penampung yang ditentukan
break-word : Konten akan melanggar batasan. Jika perlu, pemutusan kata juga akan terjadi

menjelaskan:
Menyetel atau mengambil apakah akan memutus garis ketika garis saat ini melebihi batas wadah yang ditentukan.
Properti ini hanya berfungsi pada objek tata letak, seperti objek blok. Untuk menggunakan atribut ini pada elemen sebaris, Anda harus menyetel atribut tinggi atau lebar objek terlebih dahulu, atau menyetel atribut posisi ke absolut, atau menyetel atribut tampilan ke blok.
Properti ini bersifat read-only untuk objek currentStyle. Itu dapat dibaca dan ditulis oleh objek lain.
Fitur skrip yang sesuai adalah wordWrap.
Contoh:
div { kata-bungkus: kata-kata; kata-kata: kata-kata;

Perhatikan ini
break-word : Konten akan melanggar batasan. Jika perlu, pemutusan kata juga akan terjadi

Jadi word-wrap saja sudah cukup. Secara default, kata-kata tidak akan dipecah menjadi baris-baris baru. Namun, jika ada kata yang sangat panjang, seperti versi 12 kata bahasa Inggris paling menakutkan dalam sejarah, itu juga akan merusak baris-baris ini mencegah formulir rusak.
Namun, ini tidak diadopsi sebagai standar css2 oleh w3c, jadi Mozilla tidak mendukung atribut ini. Jika semua orang menulis kata dalam bahasa Inggris dengan baik, Firefox tidak akan membagi kata dan membungkusnya dalam baris baru kata, Mozilla Firefox akan Tidak akan memutus garis dan akan putus.
Saya tidak tahu apakah CSS3 akan menerima atribut ini, tapi sejujurnya, kata-kata yang terlalu BT lebih baik...