最近的项目使用Element-UI作为前端UI框架时，借助el-tree组件实现树形菜单时，父容器规定了宽高，设置overflow:auto,但是当节点显示的文本超过定义的长度时，横向滚动条并未显示；
出现该问题的原因是el-tree组件中class名为el-tree-node的div是块级元素，需要把它变为inline-block，,所以覆盖element的样式：
.el-tree {
width: 100%;
overflow: scroll;
}
.el-tree>.el-tree-node {
display: inline-block;
min-width: 100%;
}
参考 el-tree显示横向滚条的问题 问题描述 最近的项目使用Element-UI作为前端UI框架时，借助el-...
当内容超过元素容器的高度时，滚动条就会出现，这是为了让超过内容也能显示设计。 但有时候，我们不希望滚动条出现，我们...
文本或者内容溢出滚动条显示： a、横纵都出滚动条：css添加属性{overflow:auto;}b、横向滚动条：c...
el-tree组件在获取选择的节点时，默认的逻辑是，选中父节点时所有的子节点会被选中（checked），但是当该节...
div 内容超出后仍然一行显示, 自动显示横向滚动条 注意 在 Vue 项目中， 数据动态绑定后， 如果超出内容宽...
（一）设置手机滚动条显示 1、画出手机屏蔽模型； 2、画出手机中需要显示的所有内容（按手机屏蔽宽，长度随意） 3、...
最终效果 使用场景 当行内容过多并且不想显示横向滚动条时 或者是需要展示当前物品下所属的资产时 可以使用 Tabl...
以下记录是个人开发过程中遇到的问题： 当列表内容部分可见时，保持横向滚动条在下方。 实现 原理1.这里涉及到两个D...
需求描述 需求：根据传入的动态数组生成一个节点数为数组长度的slider组件。要求节点直接长度一致，但是显示的值为...
就是超出父级元素宽度出现滚动条 只用横向或者只用竖向的组件
本文标题：el-tree组件中当节点内容超过长度显示横向滚动条的问题
本文链接：https://www.haomeiwen.com/subject/ybvbuqtx.html
网友评论