div+pre标签的组合实现文本原格式显示与自动换行

不使用textarea 和repalce 成<br>的一个原因是 不好控制文本高度和宽度；

被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

而为了限制文本显示的范围，一般使用div+css设定自动换行或缩略等样式。对于未知的文本格式，如果要求文本单行过长时换行显示，并且保留原文本的空格和换行符，就可以通过div+pre标签的组合，再分别设定各自的样式来实现（pre标签一般不适用width属性） 

<div>
       <pre>
       你想放放入的内容，可以保留空格和换行符 O(∩_∩)O~
       </pre>
</div>