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

<pre>標籤文字段行CSS

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

CSS樣式使用一個部落客自行寫的,看CSS 才明白,有一個設定是,自動斷行word-wrap: break-word;,並們有寫在裡面。<pre>標籤沒有自動斷行,需要自行設定。如下列我是加在ol.linenums class中:
 

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

最後完美的斷行顯示如下圖。

Posted in CSS

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses