Bagaimanakah Saya Membungkus Teks Di Dalam Elemen Tanpa Ruang Putih?

Elemen Tanpa Ruang Putih? " />

Membalut Teks Tanpa Ruang Putih Di Dalam

Untuk membalut teks di dalam elemen tanpa membenarkan ruang putih dalam teks, seperti dalam kes jujukan aksara yang berterusan, beberapa sifat CSS boleh digunakan.

Sifat putus-kata: putus-semua membenarkan perkataan terputus di mana-mana, walaupun dalam aksara Walau bagaimanapun, sifat ini sahaja mungkin tidak mencukupi dalam semua penyemak imbas.

Untuk memastikan keserasian dan mencapai gelagat pembalut yang diingini, gabungan sifat tambahan boleh digunakan:

• ruang putih: -moz-pre-wrap !important ;: Penyemak imbas Mozilla
• ruang putih: -webkit-pre-wrap;: Penyemak imbas Chrome dan Safari
• ruang putih: -pra-bungkus;: penyemak imbas Opera 4-6
• ruang-putih: -o-pra-balut;: penyemak imbas Opera 7
• ruang-putih: pra-balut;: penyemak imbas patuh CSS3
• bungkus perkataan: patah perkataan; : pelayar Internet Explorer 5.5

Selain itu, sifat ruang putih: normal; harus disertakan sebagai pengisytiharan akhir untuk memastikan pembalutan yang betul dalam semua penyemak imbas.

Untuk melaksanakan penyelesaian ini , gunakan kelas CSS berikut pada elemen:

.wrapword {
    white-space: -moz-pre-wrap !important;  
    white-space: -webkit-pre-wrap;          
    white-space: -pre-wrap;                 
    white-space: -o-pre-wrap;               
    white-space: pre-wrap;                  
    word-wrap: break-word;                  
    word-break: break-all;
    white-space: normal;
}

Kemudian, bungkus teks yang anda ingin bungkus dalam elemen dengan atribut class="wrapword":

<table>
    <tr>
        <td class="wrapword">
            your text here
        </td>
    </tr>
</table>

Atas ialah kandungan terperinci Bagaimanakah Saya Membungkus Teks Di Dalam Elemen Tanpa Ruang Putih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!