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

news/2024/11/6 19:41:32/

html结构如下

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

css代码(scss)

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


http://www.ppmy.cn/news/1544874.html

相关文章

Netty原来就是这样啊(二)

前言: Netty其实最大的特点就是在于对于对NIO进行了进一步的封装,除此以外Netty的特点就是在于其的高性能 高可用性,下面就会一一进行说明。 高性能: 我在Netty原来就是这样啊(一)-CSDN博客 解释了其中的零拷贝的技术除此以外还有Reactor线程模型,这个Reactor线程模型的思想…

【SpringCloud知识】springcloud生态rpc组件openfeign详细介绍

文章目录 概述1. 什么是 OpenFeign&#xff1f;2. OpenFeign 的核心功能3. 如何包含 OpenFeign4. 如何启用 OpenFeign5. OpenFeign 的使用6. OpenFeign 的属性解析模式7. OpenFeign 的支持和集成8. OpenFeign 的日志打印和配置9. OpenFeign 的安全性支持 底层实现原理1. 核心组…

LN2220 2A 高效率升压 DC/DC 电压调整器

1、产品概述 LN2220 是一款微小型、高效率、升压型 DC/DC 调整器。 电路由电流模 PWVM 控制环路&#xff0c;误差放大器&#xff0c;斜波补偿电路&#xff0c; 比较器和功率开关等模块组成。该芯片可在较宽负载范围内 高效稳定的工作&#xff0c;内置一个4A的功率开关和软启动保…

【docker】docker 环境配置及安装

本文介绍基于 官方存储库 docker 的环境配置、安装、代理配置、卸载等相关内容。 官方安装文档说明&#xff1a;https://docs.docker.com/engine/install/ubuntu/ 虚拟机环境 Ubuntu 20.04.6 LTS 安装步骤 添加相关依赖 sudo apt-get update sudo apt-get install ca-certifi…

DNS查询服务器的全流程解析

### DNS查询服务器的基本流程&#xff0c;能画出图更好&#xff0c;并说明为什么DNS查询为什么不直接从单一服务器查询ip&#xff0c;而是要经过多次查询&#xff0c;多次查询不会增加开销么&#xff08;即DNS多级查询的优点&#xff09;&#xff1f; - **用户发起请求**&#…

元戎启行嵌入式面试题及参考答案

介绍下 CAN 通信原理 控制器局域网(CAN)是一种串行通信协议,主要用于汽车、工业自动化等领域的电子控制单元(ECU)之间的通信。 其通信原理是基于多主站架构。在总线上,多个节点(设备)都可以主动发起通信。CAN 协议使用差分信号来传输数据,通过两条信号线 CAN_H 和 CAN…

VMware虚拟机的内存大小释疑

在VMware中设置虚拟机的内存大小&#xff0c;并不意味着虚拟机会占用等量的物理内存。虚拟机的内存分配涉及到几个概念&#xff1a; 1. 分配的内存&#xff1a; 这是你在VMware中为虚拟机设置的内存大小&#xff0c;即你告诉VMware为虚拟机预留的内存量。 2. 实际使用的内存…

反射API与AOP:打造高效可维护的应用架构(代码示例)

在软件开发的世界里&#xff0c;我们每天都在和代码打交道&#xff0c;就像和一群调皮的孩子玩耍。有时候&#xff0c;这些代码孩子会让我们头疼&#xff0c;但有时候&#xff0c;它们也会给我们带来惊喜。今天&#xff0c;我们要讲的是如何用反射API和AOP这两个神奇的“玩具”…