pre 標籤換行

2021-10-14 16:02:50 字數 670 閱讀 7506

為了保留文字格式顯示,使用了pre標籤,發現內容到邊界不會自動換行。

css 新增:white-space: pre-wrap;後解決。

style

="width

: 80%;

border-style

:solid;

margin-left

: 10%

">

style

="font-size

: 20px;

white-space

: pre-wrap;

">

th:text

="$"

>

文章內容p

>

pre>

div>

white-space的屬性如下

normal: 預設。空白會被瀏覽器忽略。

pre: 空白會被瀏覽器保留。其行為方式類似 html 中的 pre>標籤。

nowrap :文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

pre-wrap :保留空白符序列,但是正常地進行換行。

pre-line :合併空白符序列,但是保留換行符。

inherit :規定應該從父元素繼承 white-space 屬性的值。

pre標籤 編譯換行

pre標籤 編譯換行 這是 預格式文字。它保留了 空格 和換行。pre 標籤很適合顯示計算機 for i 1 to 10 print i next i 編譯結果 筱夜宮主 這是 預格式文字。它保留了 空格 和換行。pre 標籤很適合顯示計算機 for i 1 to 10 print i next i...

pre 標籤自動換行

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

Pre標籤 自動換行

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