Bagaimana untuk Mencapai Pembungkusan Kata Silang Pelayar dalam Div HTML?

Pembungkusan Perkataan Merentas Pelayar Teks Panjang dalam Div

Soalan:

Bagaimana anda boleh melaksanakan pelayar silang bungkus perkataan untuk rentetan panjang dalam HTML divs?

Jawapan:

Untuk memastikan pembungkusan perkataan merentasi pelayar yang berbeza, sifat CSS berikut boleh digunakan:

.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

Penjelasan:

• ruang putih: pra-balut: Penyemak imbas tanpa sokongan balutan perkataan tertentu akan membalut baris pada sempadan ruang putih.
• ruang putih: -moz-pra-bungkus: Sifat khusus Firefox untuk mendayakan tingkah laku pra-bungkus.
• ruang-putih: -pra-bungkus: Versi Opera yang lebih lama sebelum 7.
• ruang putih: -o-pra-bungkus: Opera 7.
• bungkus perkataan: pecah-perkataan: Sifat khusus IE untuk memecahkan perkataan pada titik sempang.

Oleh menggabungkan sifat ini, teks dalam div dengan kelas "wordwrap" akan dibalut pada mana-mana titik pecah aksara, memastikan keserasian merentas pelayar.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Pembungkusan Kata Silang Pelayar dalam Div HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!