首先到後台管理 > 樣式管理 > 自訂樣式 > CSS原始碼編輯
點選前往後，在最下方貼入下方的整段程式碼
/*------------ code print ------------*/
code{
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
color: #060;
white-space: pre ;
overflow:auto;
background: #f0f0f0 url(http://chenkaie.googlepages.com/Code_BG.gif)
left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:400px;
line-height: 1.2em;
margin: 0 auto;
width:100% ;
}
/*------------ code print ------------*/
儲存之後就可以來試試看囉，來發表文章
首先先切換到HTML編輯畫面，在左上角的工具列上，
他的按鈕就寫著HTML喔，再來把下面的程式碼整段貼進去
<code>
Hello!
test!
</code>
預覽文章，就可以看到漂亮的程式碼囉!
white-space有三種屬性可以設定
1預設值normal：
會把空白、Tab或是換行都替換成一個半形的空白，並且文章太長時而超出區塊範圍的話，也會自動換行
2、nowrap：
一樣會把空白、Tab或是換行都替換成一個半形的空白，這是讓文章過長也不會自動換行的屬性
3、pre：
會正常顯示出空白、Tab與換行的樣式
margin: 屬性的關係
margin: 上 右 下 左
右跟左設為auto，就可以達到置中的呈現方式了！
留言列表
