当前位置: 首页 > article >正文

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

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; // 横向滚动条的出现主要看这行代码
  }
}


http://www.kler.cn/a/374888.html

相关文章:

  • redis源码系列--(四)--redis cluster
  • 系统架构师考试-ABSD基于架构的设计方法
  • PWN 的知识之如何利用栈溢出利用后门函数
  • 代码随想录算法训练营第二十四天-回溯算法-90. 子集II
  • SqlSugar-文章目录
  • 记录一次线上因kafka宕机而导致java服务cpu飙升的情况
  • 使用LangChain控制大模型的输出——解析器Parser
  • 人工智能:塑造未来生活的强大力量
  • 计组-层次化存储结构
  • uniapp+vite配置环境变量
  • Docker | 将本地项目发布到阿里云的实现流程
  • 第3关:命题逻辑推理
  • TQ15EG开发板教程:fmcomms8两片ADRV9009同步采集测试
  • SpringBoot后端开发常用工具详细介绍——flyway数据库版本控制工具
  • MyBatisPlus 中 LambdaQueryWrapper使用
  • ffmpeg+vue2
  • C++STL详解(九)map和set的使用
  • 探索高效办公新利器 ——ONLYOFFICE
  • TON 区块链开发的深入概述#TON链开发#DAPP开发#交易平台#NFT#Gamefi链游
  • django校园兼职系统-计算机毕业设计源码95561
  • 启明创投与七牛云坚定看好云计算发展前景
  • Java爬虫:如何优雅地从1688获取商品详情
  • 供应商图纸外发:如何做到既安全又高效?
  • 每日算法一练:剑指offer——数组篇(6)
  • 不适合的学习方法
  • SpringBoot应用部署到Docker中MySQL8时间戳相差8小时问题及处理方式