XOBM

WEB建站知识

您的位置: XOBM网   >   Css列表   >   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">
<style>
/*pre强制换行*/
pre{ 

width:500px;

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
    
    </pre>
</div>
</body>
</html>