Bagaimana untuk Memastikan Pembalutan Teks dalam Sel Jadual Merentasi Semua Pelayar?

CSS untuk Pembalut Teks dalam Sel Jadual

Dalam kes di mana teks dalam sel jadual perlu dibalut, adalah penting untuk mempertimbangkan keserasian penyemak imbas . Manakala penggunaan kata-patah: putus-semua; dan susun atur jadual: tetap; mungkin mencukupi untuk Chrome, ia mungkin tidak berfungsi seperti yang diharapkan dalam Firefox.

Keserasian Merentas Pelayar

Untuk menangani isu keserasian penyemak imbas ini, penyelesaian CSS yang lebih komprehensif boleh bekerja:

.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;
}

CSS ini memastikan teks akan dibalut dengan betul dalam pelbagai penyemak imbas. Dengan menggunakan kelas kata pembalut pada sel jadual, teks akan pecah secara automatik tanpa sebarang ruang kosong yang tidak diingini:

<table>

Menggunakan teknik ini, teks dalam sel jadual boleh dibalut dengan berkesan, mengekalkan keserasian merentas penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan Pembalutan Teks dalam Sel Jadual Merentasi Semua Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!