pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。對於技術博客經常會用到pre標簽輸出代碼或是代碼高亮,而默認情況下,pre 標簽中的內容若超出范圍不會自動換行。
下面介紹一個方法讓 <pre > 標簽中的內容自動換行並符合 W3C 標准(多浏覽器支持)
復制代碼代碼如下:
pre{
white-space:pre-wrap; /* css3.0 */
white-space:-moz-pre-wrap; /* Firefox */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
}
示例:
復制代碼代碼如下:
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*我是一個很長很長的代碼,看我換行了木有?*/}