【VUE element table】 解决组件内容换行和连续空格被压缩

element table 解决组件内容换行和连续空格被压缩

white-space的值：

• normal 默认。空白会被浏览器忽略。
• pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。
• nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br>标签为止。
• pre-wrap 保留空白符序列，但是正常地进行换行。
• pre-line 合并空白符序列，但是保留换行符。
• inherit 规定应该从父元素继承 white-space 属性的值。

vue开发，white-space是默认的，连续空格和换行符都会被忽略，根据自己的需求，设置样式，white-space: 填写相应的值。

.el-table .cell {
  white-space: pre-line;
}

参考链接：https://blog.csdn.net/greekmrzzj/article/details/79476752