首页  >  文章  >  web前端  >  让<pre>标签文本自动换行

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

黄舟
黄舟原创
2017-07-08 11:55:542452浏览


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

但是,默认情况下,3b4ad93ea36080674ba857c5f6b82730 标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。

下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码:


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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn