element-ui 修改cell表单，将超出文本的容省略...

使用element-ui框架如何让内容变成省略...

直接看最终效果

可以看到超出文本的内容变成了省略...的形式

ctrl+shift+c选取字段查看样式

直接复制 .el-table .cell

溢出文本框省略掉的代码,加入这行就OK了，但是到网页还是没有变化

可以看到代码被划掉了，这说明优先级不够

正确代码书写

.el-table .cell{

white-space: nowrap !important;

overflow:hidden !important;

text-overflow: ellipsis !important;

}

最终展示