Html—让textarea标签中的内容原格式输出

使用css white-space
我们先来看一下white-space的定义和属性：

white-space属性指定元素内的空白怎样处理。

其属性有：

normal —— 默认，空白会被浏览器忽略
pre ——空白会被浏览器保留。其行为方式类似HTML中的

标签。
 nowrap —— 文本不会换行，文本会在同一行继续，直到遇到
 标签为止。
 pre-wrap —— 保留空白符序列，但正常进行换行。
 pre-line —— 合并空白符序列，但保留换行符
 inherit —— 规定应该从父元素继承 white-space 属性的值
 
  
也就是说，我们可以使用white-space:pre-wrap或white-space:pre-line达到我们想要的效果。
 
  
两者的区别是：
 
  
white-space:pre-wrap输入多少空格都会输出的时候就带几个空格。
 white-space:pre-line无论输入多少空格都会输出的时候就带几个空格，会合并为一个。
 如图：
 
  
white-space:pre-wrap效果 原样展示
  
 
  
转自：https://blog.csdn.net/HanHenz/article/details/83629237