[精讚] [會員登入]

[HTML/CSS] PER標籤中要折字換行(PRE中防止容器破壞)

在pre中因為不會自動的換行,如果一行的內容很長,就會把容器撐開,要防止容器被長文字破壞的方法

分享完整連結 //n.sfs.tw/m10570

分享連結 [HTML/CSS] PER標籤中要折字換行(PRE中防止容器破壞)@精讚
(文章歡迎轉載,請尊重版權註明連結來源)
2019-02-22 13:59:41 By 張○○

在pre中因為設置 

  white-space: pre;

的屬性,因此不會自動的換行,如果一行的內容很長,就會把容器撐開,破壞容器外觀。

相關連結Tyler Longren有提供解決法:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important; /* 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+ */
}

 

參考資料

[1] https://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag

[2]   [HTML] CSS中的折字換行或不換行(防止容器破壞)@新精讚

相關連結

https://www.longren.io/wrapping-text-inside-pre-tags/

END
你可能有興趣

[地理] 澳洲柏斯的位置竟然比台灣還要西邊

這近我驚奇的發現,澳洲柏斯的精度竟然比臺灣甚至今晚還要來的西邊

WarSpotting 統計俄國在烏克蘭戰爭中到底是損失了多少軍事裝備或人員

這個網站可以看到俄羅斯在戰場上的軍事人員裝備損失,非常詳細

Mac上 vim的複製貼上不能用

在freebsd系統中發現vim裡的command+c沒辦法選取複製,但command+v可以貼上

check-host 從世界各地檢查你的網站能不能連線?

檢測你的網站能不能暢通?這個網站可讓你知道你的網站是不是「網際網路」還是「區域網路」?

[Smarty4] 出現 modifiers 函式不能用的問題

當我把smarty由3版更新到4.5.1版的時候,出現了Using unregistered function xx in a template這樣的錯誤,該如何解決?

[Docker] docker中要怎麼修改影像的名稱,rename image

透過 build來的image如果沒有指定名稱,事後要怎麼修改影像的名稱?