作者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