您的位置:首页 - 教程 - CSS - 正文
pre强制换行代码
/*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>

评论: