← 回到 Blog
約 1 分鐘閱讀

[CSS]程式碼文字自動斷行Google Code Prettify標籤為例

分類
標籤#css
[CSS]程式碼文字自動斷行Google Code Prettify標籤為例

標籤文字段行CSS

剛開始使用Google Code Prettify發現情況如下圖。(程式碼並沒有自動斷行)


CSS樣式使用一個部落客自行寫的,看CSS 才明白,有一個設定是,自動斷行word-wrap: break-word;,並們有寫在裡面。

標籤沒有自動斷行,需要自行設定。如下列我是加在ol.linenums class中:
 

ol.linenums {
 background-color: #eee;
 margin-left: 10px;
 word-wrap: break-word;
}