参考
问题描述
最近的项目使用Element-UI
作为前端UI
框架时,借助el-tree
组件实现树形菜单时,父容器规定了宽高,设置overflow:auto
,但是当节点显示的文本超过定义的长度时,横向滚动条并未显示;
解决方案
出现该问题的原因是el-tre
e组件中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%;
}