el-tree组件中当节点内容超过长度显示横向滚动条
时间: 2023-07-26 09:31:34 浏览: 105
element el-tree组件的动态加载、新增、更新节点的实现
要在 el-tree 组件中让节点内容超过长度时显示横向滚动条,你可以设置 el-tree 的样式:
```css
.el-tree-node__label {
white-space: nowrap; /* 防止内容换行 */
overflow-x: auto; /* 显示横向滚动条 */
max-width: 200px; /* 设置最大宽度 */
}
```
其中,`white-space: nowrap;` 表示防止节点内容换行;`overflow-x: auto;` 表示当节点内容超出容器宽度时,显示横向滚动条;`max-width` 属性设置最大宽度,可以根据实际需求进行调整。这样就可以实现 el-tree 的横向滚动显示了。
阅读全文