貼上程式碼 - 部落格

Table of Contents

我現在加了pre後
已經有縮排的功能了
.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) l\
eft top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6
line-height: 1.2em;
}
在寫文章時使用<pre calss="CDOE"> </pre> 包起來

當我在瀏覽文章時,確實有了縮排的功能,可是當我複製程式碼的內容
然後貼到記事本上時,他變成長長的一排 囧rz
請問有什麼辦法可以解決嗎?


※ 引述《surveyorK (^%*&$*&*)》之銘言:
: ※ 引述《forgot75421 (伏加特I》之銘言:
: : 然後請大家看一下我的
: : http://forgot754210.blogspot.com/
: : 裡面程式碼的那邊
: : 他並沒有照我當初format的方式顯現,就是有經過縮排
: : 還有就是當我的程式碼超出了block時,他會直接顯示下一排,無法出現橫向捲軸
: : 我希望在block下方有一個橫向捲軸,然後能將捲軸往右移看完程式碼
: : 請問有什麼方法可以解決嗎
: 建議你可以用<pre>把格式固定住,只要改兩個地方
: 1.把css的宣告名稱前面加.,原本是code{}變成.code{}
: 2.放程式碼的標籤改成<pre class="code"> 這邊放程式碼 </pre>

--

All Comments

Jake avatarJake2009-12-01
發文時下面有個選項叫做編輯 HTML 設定:
Tracy avatarTracy2009-12-05
改成"略過新行字元" 然後重新複製程式碼貼上去看看
Ophelia avatarOphelia2009-12-09
文章中若要貼程式碼,都要先改這個設定,不然blogger會
Mary avatarMary2009-12-11
自動幫你在每一行程式碼多加<br/>這個斷行符號