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;
    }