解決在程式碼區塊不可<UL>和<OL>的問題 - 通達人驛站
2009/10/27

解決在程式碼區塊不可<UL>和<OL>的問題

因為參考良人的大秘寶[筆記]在文章裡顯示優質的程式碼區,所以又依照自己的需求,作出了另外二種:
  • 一個是可以顯示在DOS/Unix/Linux下的Command Line畫面的DOS;
  • 另一個是顯示參考資料的REFERENCE。
  • 最後一個是顯示程式碼的CODE。

不過,這三個都會有個另我很困擾的問題:無法在區塊內使用項目符號<UL>和編號<OL>。

在經過我棄而不捨的詢問國良先生後,他也確認這個問題後提出了解決方案,這篇文章就是在說如何解決這個問題。

問題的情況


即使程式寫成這樣
<reference><ul><li>No typing notifications. (API Limitation</li><li><a href="http://myjobspace.co.nz/images/pidgin/">Skype API Plugin for Pidgin/libpurple/Adium</a></li></ul></reference>
但顯示出來卻會顯示成這樣:

解決方法


就是要將
CODE { display: block; /* fixes a strange ie margin bug */...}
換成
#CODE { display: block; /* fixes a strange ie margin bug */...}

此外


因為CSS的語法規定:
  • <code> 對應到 #code {}
  • <DIV class="code"> 對應到 .code {}
所以,原本<code>的使用方式也要換成<DIV class="code">,就可以解決這個問題了。

不過,有一好就沒另一好,在編號前後卻會空出一段無法消除的空白,如圖:
良人的大秘寶[筆記]在文章裡顯示優質的程式碼區
 Related Posts with Thumbnails 

0 意見 :

張貼留言