Bagaimana untuk Membungkus Teks dalam <td> Tanpa Ruang Putih?-tutorial css-php.cn

Bagaimana untuk Membungkus Teks dalam Tanpa Ruang Putih?

Patricia Arquette

Lepaskan： 2024-11-09 00:44:01

asal

657 orang telah melayarinya

How to Wrap Text in a <td> Tanpa Ruang Putih? Tanpa Ruang Putih? " />

Membalut Teks Tanpa Ruang Putih dalam

Untuk mendayakan pembalut teks dalam tanpa sebarang ruang putih, pendekatan berikut boleh digunakan:

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome &amp; 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;
}

Salin selepas log masuk

Untuk melaksanakan ini, struktur HTML berikut boleh digunakan:

<table>

Salin selepas log masuk

Dalam contoh ini, jadual lebar 400px dibuat dengan reka letak tetap Elemen diberikan kelas "wrapword", yang menggunakan penggayaan CSS untuk mendayakan pembalut teks.

Pendekatan ini membungkus teks dengan berkesan dalam daripada aksara. Ia telah diuji pada Firefox 5.0, Internet Explorer 8.0 dan Chrome 10.

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