饿了么树形组件横向滚动条问题

项目里面用到了饿了么的el-tree,但是给el-tree包裹div时,如果父级宽度设置比节点宽度小,不会出现横向滚动条。

然后去github上面搜了一下,还又不少人遇到这样的问题,把代码放出来

HTML结构:

<div class="tree">
  <el-tree></el-tree>
</div>

CSS样式:

.tree{
  overflow: auto;
  max-height:450px;
}
.el-tree {  
  min-width: 100%;  
  display: inline-block;  
}  

标签: CSS, VUE

除单独说明外,文章默认采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

添加新评论