javascript - ElementUI - 如何自动换行 : break-word in 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 Specificity的问题来自图书馆的其他部分。

编辑，解决方案

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

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