[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
你可能有興趣
[Rocky9] 安裝node.js 18, node.js 20
原本的nodejs16在使用 quasar dev時出現錯誤,得升級成18版以上
[SSL] Could not read certificate from server.cer 的錯誤排除
在轉換ssl憑證時,出現無法讀取的錯誤,可是怎麼看憑證都很正常,該怎麼解決?
[Linux] 如何能知道我是什麼時候安裝系統的?
linux想知道什麼時候裝系統的? 不必憑記憶。
地圖填色的網站
我們想為國家填色不需要小畫家,這個網站能幫助你
[Linux] 列出所有目錄及所占空間的方法
想知道目錄下的所有目錄所占的空間大小?
[Linux] grep 排除特定字串
使用 -v 參數可以讓grep排除特定字串的方法