[Blogger] 貼上程式碼

看板Blog作者時間16年前 (2009/11/24 14:30), 編輯推噓3(301)
留言4則, 2人參與, 最新討論串1/3 (看更多)
目前是使用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

11/24 16:04, , 1F
Code{}中請加上white-space: nowrap;
11/24 16:04, 1F

11/24 16:08, , 2F
抱歉應該是white-space:pre;
11/24 16:08, 2F

11/24 16:31, , 3F
樓上 第一個應該是對的
11/24 16:31, 3F

11/24 16:34, , 4F
如果想要維持原本的格式 可以包附在<pre>裡面
11/24 16:34, 4F
文章代碼(AID): #1B2trmxY (Blog)
文章代碼(AID): #1B2trmxY (Blog)