让<pre>标签文本自动换行

利用<pre class="brush:php;toolbar:false">

这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。

也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的，不用 和<BR>等来表示空格或者回车了。

但是，默认情况下，

 标签中的内容若超出范围不会自动换行，这样无论在显示或打印都会出现麻烦。</p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px">下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码：</p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px"><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

登录后复制

父标记最好加个p,并设置CSS属性：

word-wrap: break-word;white-space : normal

以上是让<pre>标签文本自动换行 的详细内容。更多信息请关注PHP中文网其他相关文章！