作者forgot75421 (伏加特Ｉ
看板Blog
標題[blogger] 貼上程式碼
時間Tue Nov 24 14:30:05 2009
目前是使用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下方有一個橫向捲軸，然後能將捲軸往右移看完程式碼
請問有什麼方法可以解決嗎
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.138.142.11
1F：→ happyaray:Code{}中請加上white-space: nowrap; 11/24 16:04
2F：推 happyaray:抱歉應該是white-space:pre; 11/24 16:08
3F：推 surveyorK:樓上 第一個應該是對的 11/24 16:31
4F：推 surveyorK:如果想要維持原本的格式 可以包附在<pre>裡面 11/24 16:34