搜尋

隨機推薦

讓pre標籤內的程式碼自動換行的方式

 

用GeSHi顯式高亮度語法總是會撐開版面,還要手動把程式碼一個一個斷行非常麻煩。因此寫了這段CSS語法加在版面中,總算是成功解決問題了。

廣告

 

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

 

這樣子即可讓pre內的程式碼過長時斷行。但我們還得指定一下pre的寬度,不然一直斷行會變很窄。

 

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

 

OK 解決了

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.