在寫文章時如果有程式碼的部份,想用縮排來幫助閱讀,通常會用<pre>,可是它的缺點就是會自動跳行,而且在上下段出現太多空白,如下:
HTML:
<pre>
 第一行第一行第一行
   第二行第二行第二行
     第三行第三行第三行
</pre>



瀏覽器呈現的結果:

第一行第一行第一行
第二行第二行第二行
第三行第三行第三行



於是在code的CSS裡加上了 white-space:pre;
不僅可以達到排版的效果,也沒了討人厭的空白了~~

2008-04-28 修改
但是使用<pre>的缺點就是,就算原來文章縮排好了,如果使用者複製程式碼為己用時,
也會出現全部內容又縮在一行的現象,因此如果是顧慮這層面,就只好乖乖加上&nbsp;(空白)了...
arrow
arrow
    全站熱搜

    以我為中心的宇宙 發表在 痞客邦 留言(0) 人氣()