Bagaimanakah Saya Boleh Mencegah Limpahan dalam DIV Disebabkan oleh Kata-kata Panjang?

Kawalan Pecah Talian dalam DIV dengan Perkataan Panjang

Apabila kandungan dalam DIV melimpah disebabkan perkataan yang terlalu panjang, ia boleh menjadi tidak sedap dipandang. Tingkah laku yang diingini ialah memaksa pemecahan perkataan untuk dimuatkan dalam lebar yang ditetapkan.

Penyelesaian: overflow-wrap

Penyelesaian terletak pada penggunaan sifat CSS overflow-wrap . Menetapkan overflow-wrap: break-word; akan memaksa pelayar web untuk memecahkan perkataan pada titik yang sesuai agar muat dalam lebar DIV yang ditentukan. Ini memastikan bahawa semua kandungan dipaparkan dengan betul.

Nota untuk Keserasian Internet Explorer

While overflow-wrap: break-word; disokong dalam pelayar moden, Internet Explorer (IE) tidak menyokong harta ini. Sebaliknya, pembungkus kata yang telah ditamatkan: kata putus; boleh digunakan sebagai alternatif.

Penggunaan semasa word-wrap

Walaupun sudah tidak digunakan lagi, word-wrap: break-word; masih berfungsi kerana ia adalah alias untuk overflow-wrap mengikut spesifikasi CSS. Oleh itu, penggunaan word-wrap yang sedia ada akan terus berfungsi seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Limpahan dalam DIV Disebabkan oleh Kata-kata Panjang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!