el-tree组件中当节点内容超过长度显示横向滚动条的问题

参考

el-tree显示横向滚条的问题

问题描述

最近的项目使用Element-UI作为前端UI框架时，借助el-tree组件实现树形菜单时，父容器规定了宽高，设置overflow:auto,但是当节点显示的文本超过定义的长度时，横向滚动条并未显示；

解决方案

出现该问题的原因是el-tree组件中class名为el-tree-node的div是块级元素，需要把它变为inline-block，,所以覆盖element的样式：

 

.el-tree {
  width: 100%;
  overflow: scroll;
}

.el-tree>.el-tree-node {
  display: inline-block;
  min-width: 100%;
}

作者：小人物的秘密花园
链接：https://www.jianshu.com/p/31dabf3ce884
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。