Bagaimana untuk Mencapai Pembungkusan Silang-Pelayar dalam CSS dan JavaScript?

Pembungkusan Perkataan Merentas Pelayar dalam CSS dan JavaScript untuk Teks Panjang dalam Div

Masalah:

Membalut teks panjang tanpa memecahkan ruang dalam div lebar yang telah ditetapkan adalah cabaran merentas pelayar. Kaedah tradisional seperti limpahan atau menyuntik aksara khas ke dalam rentetan mempunyai had atau kelemahan.

Penyelesaian CSS:

Menggunakan sifat CSS word-wrap: break-word; menyelesaikan masalah ini. Ia menyokong pembalut teks untuk semua penyemak imbas utama, termasuk FireFox, Opera dan Safari.

Contoh Kod:

.wordwrap {
    word-wrap: break-word;
}

Kelas lembaran gaya ini akan membolehkan teks memecahkan baris dalam sempadan div yang digunakan untuknya.

Nota Tambahan:

• Harta word-wrap disokong dalam Internet Explorer 5.5 dan semua penyemak imbas moden .
• Menggabungkan balut perkataan dengan sifat CSS lain, seperti no_wordwrap, memberikan kawalan ke atas gelagat pembalut. Contohnya:

.no_wordwrap {
    word-wrap: normal;
}

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