作者forgot75421 (伏加特Ｉ
看板Blog
標題Re: [Blogger] 貼上程式碼
時間Sat Nov 28 20:21:44 2009
我現在加了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 (伏加特Ｉ》之銘言：
: : 然後請大家看一下我的
: : http://forgot754210.blogspot.com/
: : 裡面程式碼的那邊
: : 他並沒有照我當初format的方式顯現，就是有經過縮排
: : 還有就是當我的程式碼超出了block時，他會直接顯示下一排，無法出現橫向捲軸
: : 我希望在block下方有一個橫向捲軸，然後能將捲軸往右移看完程式碼
: : 請問有什麼方法可以解決嗎
: 建議你可以用<pre>把格式固定住，只要改兩個地方
: 1.把css的宣告名稱前面加.，原本是code{}變成.code{}
: 2.放程式碼的標籤改成<pre class="code"> 這邊放程式碼 </pre>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.25.164.128
1F：推 surveyorK:發文時下面有個選項叫做編輯 HTML 設定： 11/28 21:26
2F：→ surveyorK:改成"略過新行字元" 然後重新複製程式碼貼上去看看 11/28 21:28
3F：→ surveyorK:文章中若要貼程式碼，都要先改這個設定，不然blogger會 11/28 21:29
4F：→ surveyorK:自動幫你在每一行程式碼多加<br/>這個斷行符號 11/28 21:30