首頁 >web前端 >css教學 >如何在 HTML `` 標籤中進行文字換行?

如何在 HTML `` 標籤中進行文字換行?

Susan Sarandon
Susan Sarandon原創
2024-12-22 14:11:11990瀏覽

How Can I Make Text Wrap in HTML `` Tags?

HTML Pre 標籤中的文字換行

Pre 標籤是在 HTML 中顯示程式碼區塊和偵錯輸出的寶貴工具。但是,它們有時可能顯示為連續的一行,而不是環繞文字以適合視口。為了解決這個問題,可以使用空白和自動換行 CSS 屬性:

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+ */
}

這些屬性使 pre 標記內的文字能夠自動換行,保留空白,同時在適當的點中斷單字。透過應用它們,即使文字超出視口寬度,程式碼區塊和偵錯輸出也可以以可讀的格式顯示。

以上是如何在 HTML `` 標籤中進行文字換行?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn