使pre的內容自動換行

2021-09-24 11:50:43 字數 416 閱讀 4473

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

標籤的乙個常見應用就是用來表示計算機的源**。

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

今天折騰了乙個晚上終於搞定的內容自動換行的問題:

1.先嘗試使用:word-wrap: break-word;將內容自動換行,ie,op,chrome,safari都可以,ff就悲劇了。

2.檢視了pre的瀏覽器預設樣式:

xmp, pre, plaintext

使pre的內容自動換行

元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。標籤的乙個常見應用就是用來表示計算機的源 而我們經常碰到的乙個問題是如果乙個 上碰到有或者網頁位址就會使 很長,結果會造成頁面撐開或者 超出邊界。非常難受,如果用overflow hidden那...

使pre的內容自動換行

元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。標籤的乙個常見應用就是用來表示計算機的源 而我們經常碰到的乙個問題是如果乙個 上碰到有或者網頁位址就會使 很長,結果會造成頁面撐開或者 超出邊界。非常難受,如果用overflow hidden那...

pre 標籤自動換行

元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。標籤的乙個常見應用就是用來表示計算機的源 而我們經常碰到的乙個問題是如果乙個 上碰到有或者網頁位址就會使 很長,結果會造成頁面撐開或者 超出邊界,如果用overflow hidden那麼會將原來...