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, tabelnya akan rusak, dan jika Anda menjaganya, kata-kata bahasa Inggrisnya akan terpecah.
Banyak orang yang mengangkat masalah
mencegah tabel rusak
. Ya, saya juga menyelesaikannya di versi awal, tetapi itu menyebabkan kata-kata bahasa Inggris terpecah dan terbungkus dalam baris baru, jadi ketika saya membuat template baru, saya tidak menambahkan beberapa kode css untuk mengontrol ini. Saya mencobanya hari ini dan menemukan bahwa solusinya sangat sederhana.
Menurut sebagian besar artikel di Internet, tambahkan saja:
kode
...........
tabel {
tata letak tabel:tetap;penghentian kata:penghancuran-semua;pembungkus kata:penghancuran-kata;}
div{penghentian kata:penghancuran-semua;pembungkus kata:penghancuran-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:
tabel
kode
{
tata letak tabel: diperbaiki;
bungkus kata: kata patah;
}
div {
bungkus kata: kata patah;
}
http://font.knowsky.com/Ini
juga kode yang saya gunakan sekarang.
--------------------------------------------------- ---
Menurut
versi istirahat kata manual Cina CSS2 Rainer Su: warisan atribut kepemilikan IE5+: Ya 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
deskripsi teks non-Asia yang berisi sedikit teks Asia:
Menetapkan atau mengambil perilaku pembungkusan kata 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: IE5.5+ pewarisan properti kepemilikan: ya Sintaks:
bungkus kata : normal |
Nilai:
normal: nilai default. Izinkan konten melampaui batas penampung yang ditentukan
break-word : Konten akan melanggar batasan. Jika perlu, jeda kata juga akan terjadi
:
Menyetel atau mengambil apakah akan memutus garis ketika garis saat ini melebihi batas wadah yang ditentukan.
Properti ini hanya berfungsi pada objek tata letak, misalnya 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, jeda baris intra-kata (word-break) juga akan terjadi,
jadi word-wrap saja sudah cukup. Secara default, jeda kata tidak akan dipisahkan, tetapi jika ada kata yang sangat panjang, seperti versi yang salah kata terpanjang dalam sejarah terakhir kali, 12 kata bahasa Inggris yang menakutkan, juga dapat membelah baris, sehingga mencegah tabel rusak.
Namun, ini belum 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 yang sangat panjang, Mozilla Firefox 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...