Bagaimanakah Saya Boleh Mencapai Pembungkusan Silang Pelayar dalam Divs?

Pembungkusan Perkataan Merentas Pelayar dalam Div

Soalan:

Adakah mungkin untuk dicapai pembungkusan perkataan untuk perkataan panjang dalam div, memastikan penyemak imbas silang keserasian?

Jawapan:

Ya, adalah mungkin untuk mencapai pembungkusan perkataan silang pelayar menggunakan kod CSS berikut:

.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 :

Kelas .wordwrap menggunakan berbilang sifat CSS untuk memastikan pembungkusan perkataan berbeza penyemak imbas:

• ruang putih: pra-bungkus memecahkan perkataan antara baris tanpa menambah ruang tambahan, ciri yang disokong dalam penyemak imbas moden.
• -moz-pre-wrap dan -o- pre-wrap ialah alternatif awalan vendor untuk Mozilla Firefox dan Opera, masing-masing.
• -pre-wrap berfungsi sama dalam versi Opera sebelum ini hingga 7.
• word-wrap: break-word forces word breaks in Internet Explorer.

Dengan menggabungkan sifat ini, anda boleh membungkus perkataan panjang dengan berkesan dalam div merentas pelbagai penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Pembungkusan Silang Pelayar dalam Divs?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!