DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> pre強制換行代碼
pre強制換行代碼
編輯:CSS特效代碼     
/*pre強制換行*/
pre{ white-space: pre-wrap!important; /*保留空白,進行換行*/
word-wrap: break-word!important; /*連續字符換行*/
/*white-space:normal!important;*/ /*忽略空白,進行換行*/}

下面是pre強制換行的一個演示:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css實現pre強制換行 - 何問起</title>
<style>
/*pre強制換行*/
pre{ border:#CCC solid 1px; padding:10px; background-color:#F9F9F9;
font-family:"Courier New", Courier, Arial; font-size:12px; line-height:1.75;
white-space: pre-wrap!important; /*保留空白,進行換行*/
word-wrap: break-word!important; /*連續字符換行*/
/*white-space:normal!important;*/ /*忽略空白,進行換行*/}
</style>
</head>
<body>
<div style="width:450px;">
<pre>
111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

何問起為您提供-基於jquery特效,jquery彈出層效果,導航菜單代碼,下拉菜單代碼和jquery焦點圖片代碼,何問起關注軟件界面設計,WEB後台/手機/軟件UI設、建站素材、html5和CSS3新技術等。
</pre>
</div>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved