elementUI tree树节点文字超出时省略或折行 样式

文字超出时折行

?

1 2 3 4 5 6 7 8 9 10

::v-deep .tree {     width: 100%;     .el-tree-node {       white-space: normal;       .el-tree-node__content {         height: 100%;         align-items: start;       }     }   }

文字超出时省略

?

1 2 3 4 5 6 7

::v-deep .el-tree-node__content {     display: block;     width: calc(100% - 30px);     overflow: hidden;     white-space: nowrap;     text-overflow: ellipsis;   }