Bagaimana untuk Membuat Balutan Teks dalam HTML `` Tag?

Pembungkusan Teks dalam Teg Pra

Dalam HTML, teg pra kerap digunakan untuk blok kod dan paparan output penyahpepijatan. Walau bagaimanapun, selalunya wajar untuk memastikan bahawa teks dalam tag ini dibalut untuk mengelakkan garisan yang panjang dan tidak terputus. Penyelesaiannya terletak pada sifat ruang putih dan balutan perkataan CSS.

Sifat CSS untuk Pembalut Teks

Untuk mendayakan pembalut teks dalam teg pra, gunakan CSS berikut sifat:

• ruang putih: pra-bungkus; (CSS 2.1 )
• ruang-putih: -moz-pre-wrap; (Mozilla)
• ruang-putih: -pra-bungkus; ( Opera 4-6)
• ruang putih: -o-pre-wrap; (Opera 7)
• word-wrap: break-word; (Internet Explorer 5.5 )

Contoh Kod

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

Memasukkan peraturan CSS ini ke dalam dokumen HTML anda akan menyebabkan teks dalam prateg dibalut seperti yang dikehendaki, menghalang paparan panjang, satu baris.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Balutan Teks dalam HTML `` Tag?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!