為了保留文字格式顯示,使用了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那...