css div内文字 保持原格式 css pre标签

1.用textarea标签，用事件写满，或用键盘写满时会出现滚动条，不太美观。
如果隐藏滚动条，并让其高度随内容增加，比较复杂，兼容性也不好。代码可以搜到。


 2.可以用div标签，但原文章的格式，换行等不会表现出来。可以套加pre标签，保留原格式。
 <pre><div></div></pre>

 下面的css样式是为了让超过长度的换行。
 pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
 }

如果用了其他UI框架，pre自带了其他样式。直接用
 <div class="pre"></div>

.pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
 }

也行