字符串换行符（\n）无效果 需要将要换行的div加一个css： white-space: pre-line;就解决了
white-soace 属性
让我们来看一下white-space的作用吧 white-space属性是用来定义元素内的空白该如何处理 white-space具有继承性
white-space属性值：
- normal：忽略多余的空白，只保留一个空白（默认）；
- pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行（保留空白）
- nowrap：只保留一个空白，文本不换行，直到遇到br标签为止
- pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时（\n）发生换行
- pre-line: 保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。
- inherit：从父元素继承white-space属性的值。
