1.设置几行,超出显示省略号
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*行数*/
2.盒子内部元素垂直居中
display: flex;
flex-direction: column;
justify-content: space-around;
3.超出设定宽度显示省略号、鼠标移入显示全部
.el-tree-node__label{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.el-tree-node__label:hover{
white-space: normal;
overflow: visible;
}