pre>標籤內容自動換行的方法</pre

<pre> 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。

<pre> 標籤的一個常見應用就是用來表示計算機的源代碼。

而我們經常碰到的一個問題是如果一個代碼上碰到有圖片或者網頁地址就會使代碼很長，結果會造成頁面撐開或者代碼超出邊界。非常難受，如果用overflow:hidden那麼會將原來的代碼隱藏掉，用overflow:auto則會出現滾動條，代碼也不方便閱讀。

只需要添加如下CSS代碼就能使<pre>的內容自動換行了。

pre {

white-space: pre-wrap;

word-wrap: break-word;

}

作者：資源庫

原文：https://www.zyku.net/xhtml/72.html

打開今日頭條，查看更多圖片

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！