ElementUI - 如何自动换行：el-table-column 中的断字

Question

使用 ElementUI 我希望能够将文本包装在空格上的列中，而不是在单词的中间。通常你会申请

white-space: normal;
word-wrap: break-word;

在普通列中，或用该样式包装在 div 中，但在使用 ElementUI el-table 和 el-table-column 时，它没有任何效果。我已经尝试将 el-table-column 作为一个类和一个直接应用的样式，但没有任何变化。

有没有人有任何使这项工作的经验？

Answer 1

检查元素并检查属性是否设置正确。应该是库其他部分的CSS 特异性问题。

编辑，解决方案

尝试将这个 CSS 放在 CSS 库之后的位置，应该可以解决问题。

.el-table .cell {
    word-break: break-word;
}