讓你的 pre 标签能自動換行

Leeiio — Wed, 03 Dec 2008 17:06:24 +0000

最近發了很多都要貼代碼的文，我貼代碼用的插件是Wp-Codebox，另外我也比對過其他的一些插件諸如WP-Syntax和SyntaxHighlighter。這些插件被解析出來後無非就是

。但是有個問題就是有時候貼的代碼過長，它不會自動換行，我看到很多人的blog裡面貼的代碼都是需要把滾動條拉到最右端才能看到全部代碼。其實你只要定義下pre的css就可以了(我說的是廢話)。

具體定義如下

1
2
3

pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ }
 
* html pre { word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space : normal ; /* Internet Explorer 5.5+ */ }   //如果你是用插件貼代碼的，不要加上這個，否則在IE在會出錯，不信你試試

具體你可以看我這個頁面。大功告成。就是如此。
對此CSS定義更詳細的說明請戳這裡。

Leeiio Chaos Made. » 自動換行

讓你的 pre 标签能自動換行