讓pre標簽自動換行示例代碼

字號:


    pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。
    <pre> 標簽的一個常見應(yīng)用就是用來表示計算機的源代碼。對于技術(shù)博客經(jīng)常會用到pre標簽輸出代碼或是代碼高亮,而默認情況下,pre 標簽中的內(nèi)容若超出范圍不會自動換行。
    下面介紹一個方法讓 <pre > 標簽中的內(nèi)容自動換行并符合 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; /*我是一個很長很長的代碼,看我換行了木有?*/}