element ui超宽

以下是两种解决element ui超宽的方法：

1.使用CSS样式控制树形结构的宽度和高度

<style>
.el-tree{
    width: 300px; /*设置树形结构的宽度*/
    height: 400px; /*设置树形结构的高度*/
}
.el-tree-node__content{
    display: block!important;
}
.el-tree-node__children{
    overflow: visible!important;
}
</style>

2.使用CSS样式控制表格的滚动条

<style>
.el-table__body-wrapper::-webkit-scrollbar {
    width: 8px; /*滚动条宽度*/
    height: 8px; /*滚动条高度*/
}
.el-table__body-wrapper::-webkit-scrollbar-track {
    border-radius: 10px; /*滚动条的背景区域的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(238,238,238, 0.3);
    background-color: #eeeeee; /*滚动条的背景颜色*/
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px; /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
    background-color: rgb(145, 143, 143); /*滚动条的背景颜色*/
}
</style>