/*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>