el-tree展开子节点后宽度没有撑开，溢出内容隐藏了，不显示横向滚动条

最新推荐文章于 2025-02-25 08:42:22 发布

夏与冰

最新推荐文章于 2025-02-25 08:42:22 发布

阅读量730

点赞数 1

分类专栏： CSS 文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_35641191/article/details/143330144

版权

CSS 专栏收录该内容

7 篇文章

订阅专栏

html结构如下

<div class="tree-div">
    <el-tree>
      <template #default="{ node, data }">
        <div class="node-item">...</div>
      </template>
    </el-tree>
  </div>

css代码(scss)

.tree-div {
  width: 300px;
}

.el-tree {
  overflow-x: auto;

  :deep(.el-tree-node) {
    min-width: 100%; // 可以先不设置这个，然后对比就看出来它的作用
    display: inline-block; // 横向滚动条的出现主要看这行代码
  }
}