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中文網其他相關文章!