element项目中保留文本域内容格式

          有时候在项目中会遇到这种需求，要求将文本域的内容包含格式保留下来。猛的接到这需求或许还有点懵，其实细品之后了解了需求本质了就没有那么无处下手的别扭感了。在文本域中保留格式其实就是要合理的将空格符和换行符保留下来并完成渲染。

         了解了事情的本子再着手就简单多了，稍微熟悉下html方面的东西就发现，css里的white—space就能很好的解决这个问题。  下面是white-space的几个值其及其解释：

属性	换行符	空格和制表符	文字换行	行尾空格
normal	合并	合并	换行	删除
nowrap	合并	合并	不换行	删除
pre	保留	保留	不换行	保留
pre-wrap	保留	保留	换行	挂起
pre-line	保留	合并	换行	删除
break-spaces	保留	保留	换行	换行

由上可见，将元素的white-space属性设置为 space-pre，pre-wrap，pre-line，break-space 都可以满足项目需求。