Re: [Blogger] 貼上程式碼

看板Blog作者時間16年前 (2009/11/28 20:21), 編輯推噓1(103)
留言4則, 1人參與, 最新討論串3/3 (看更多)
我現在加了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> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.25.164.128

11/28 21:26, , 1F
發文時下面有個選項叫做編輯 HTML 設定:
11/28 21:26, 1F

11/28 21:28, , 2F
改成"略過新行字元" 然後重新複製程式碼貼上去看看
11/28 21:28, 2F

11/28 21:29, , 3F
文章中若要貼程式碼,都要先改這個設定,不然blogger會
11/28 21:29, 3F

11/28 21:30, , 4F
自動幫你在每一行程式碼多加<br/>這個斷行符號
11/28 21:30, 4F
文章代碼(AID): #1B4HNQDn (Blog)
文章代碼(AID): #1B4HNQDn (Blog)