DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 讓pre標簽自動換行示例代碼
讓pre標簽自動換行示例代碼
編輯:HTML和Xhtml     
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; /*我是一個很長很長的代碼,看我換行了木有?*/}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved