首页   快速返回

如何让pre元素里的内容自动换行     所属分类 html
pre 作用是保留空格和换行符
 
 这样导致不会自动换行 影响阅读
 
 pre 中 width 属性,设置每行的最大字符数 ,在HTML4.01中已经废弃。
 
 HTML5 不支持 pre width 属性。可以使用 CSS 代替
 
 CSS的white-space属性用于指定如何处理容器中的空白字符。
 
 normal	默认,忽略空白。
 pre	保留空白。与 pre 类似。
 nowrap	不换行,文本会在在同一行上继续,直到遇到 br 标签为止。
 pre-wrap	保留空白符序列,但是正常地进行换行。
 pre-line	合并空白符序列,但是保留换行符。
 inherit	从父元素继承 white-space 属性值。

 使用  white-space:pre-wrap 让 pre 里的内容换行
 
 pre{
    white-space:pre-wrap;
    word-wrap:break-word;
    }

上一篇     下一篇
软件架构设计几大原则

网页上显示html和xml代码的几种方法

linux手工释放cache

jdk自带工具使用

找出最耗CPU的java线程和代码

线上问题排查常用命令