参考
问题描述
最近的项目使用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%;
}
作者:小人物的秘密花园
链接:https://www.jianshu.com/p/31dabf3ce884
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。