Bagaimana untuk Membungkus Teks dalam Elemen Tanpa Ruang Putih Merentas Semua Pelayar?

Elemen Tanpa Ruang Putih Merentas Semua Pelayar? " />

CSS: Balut Teks Tanpa Ruang Putih dalam

Dalam artikel ini, kami akan menangani isu yang berkaitan dengan membungkus teks tanpa ruang putih dalam a Untuk mencapai ini, pelbagai sifat CSS seperti pemecahan perkataan dan susun atur jadual telah digunakan, tingkah laku berbeza di seluruh penyemak imbas, menjadikan pengguna Firefox tidak berbalut teks.

Untuk menyelesaikan percanggahan ini, kod CSS berikut telah direka:

.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

Untuk menggunakan kod ini, gunakan kelas kata pembalut pada elemen yang dikehendaki dalam jadual, memastikan susun atur jadual ditetapkan untuk diperbaiki. Contohnya:

<table>

Penyelesaian CSS ini telah diuji dan didapati berfungsi secara konsisten merentas Firefox 5.0, Internet Explorer 8.0 dan Chrome 10.

Atas ialah kandungan terperinci Bagaimana untuk Membungkus Teks dalam Elemen Tanpa Ruang Putih Merentas Semua Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!