当前位置: 首页 > 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

相关文章:

  • vfx特效有多烧钱?云渲染农场减少vfx特效成本
  • Android编译环境构建(二)(可用于物理机、虚拟机、容器化Jenkins环境)
  • 智能合约分享
  • PySpark任务提交
  • KOA——基于Node的Web框架
  • 【万户软件-注册安全分析报告-无验证方式导致安全隐患】
  • 使用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小时问题及处理方式