当先锋百科网

首页 1 2 3 4 5 6 7

后台返回的接口数据 ‘“名称:示例↵ID:717”,在表格种并没有换行,原因是elementUI 在表格样式中写了white-space: normal; (normal空白会被浏览器忽略 \n、↵被忽略了)

.el-table .cell { white-space: normal;} 

解决办法:

//方法一 重新定义,覆盖该属性
.el-table .cell{
  white-space: pre-wrap; //保留空白符序列,但是正常地进行换行。
}
//方法二 在特定容器下重新定义,覆盖该属性
//在类名为dr-table的div中的.el-table .cell子元素样式调整
.dr-table .el-table .cell{
  white-space: pre-wrap; //保留空白符序列,但是正常地进行换行。
}