貼上程式碼 - 部落格

Table of Contents

目前是使用blogger想在裡面貼上程式碼
已經爬過文而且google了

http://klcintw4.blogspot.com/2006/11/blog-post_03.html#comments
良人的大秘寶這篇
我直接把他寫的CSS直接COPY過去

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;
height:200px; // for IE6
line-height: 1.2em;
}


然後請大家看一下我的
http://forgot754210.blogspot.com/
裡面程式碼的那邊

他並沒有照我當初format的方式顯現,就是有經過縮排
還有就是當我的程式碼超出了block時,他會直接顯示下一排,無法出現橫向捲軸
我希望在block下方有一個橫向捲軸,然後能將捲軸往右移看完程式碼

請問有什麼方法可以解決嗎

--

All Comments

Yedda avatarYedda2009-11-28
Code{}中請加上white-space: nowrap;
Faithe avatarFaithe2009-12-03
抱歉應該是white-space:pre;
Quanna avatarQuanna2009-12-05
樓上 第一個應該是對的
Agnes avatarAgnes2009-12-09
如果想要維持原本的格式 可以包附在<pre>裡面