簡單的Blogger code block的方法(貼程式碼)

轉錄自:http://warrickdodo.blogspot.com/2007/02/code-display-block-fixes-strange-ie.html
只要加入以下:


code, .code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}



使用方法可以用兩種:


<code>我的程式碼</code>


或在任何的HTML tag上加上"code"的class即可.

需要注意的是, 顯示的結果仍然是HTML-based的東西, 記得要escape<,>等字元