element el-tree组件设置出现横向滚动条

最新推荐文章于 2024-10-09 13:22:32 发布

qq_1872583947

最新推荐文章于 2024-10-09 13:22:32 发布

阅读量1.4k

点赞数 3

文章标签： elementui

本文链接：https://blog.csdn.net/qq_25857899/article/details/117519693

版权

我的实现方式

.el-tree {
  background: none !important;
  box-sizing: content-box;
  overflow: auto;
}
::v-deep {
  .el-tree-node {
    /*设置横向滚动条*/
    min-width: 100% !important;
    display: block !important;
    float: left;
  }
}

网上其他参考解决办法

.el-tree {
        overflow: auto;
        height: calc(100% - 0px);
        >.el-tree-node {
            /*设置横向滚动条*/
            min-width: 100%;
            display: inline-block;
        }
    }

注明：之所以用display: block和float: left，不用display: inline-block，是因为display: inline-block宽度不对

如果本文对你有帮助，请点个赞吧！