el-tree文字超出折行

最新推荐文章于 2024-05-31 11:41:47 发布

妙明元心

最新推荐文章于 2024-05-31 11:41:47 发布

阅读量276

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/beihenanfei/article/details/133925282

版权

  <div class="custom-tree-container">
          <el-tree/>
 </div>

<style lang="scss">
.custom-tree-container {
  height:100%;
  .el-tree-node {
    white-space: normal;
    .el-tree-node__content {
      height: 100%;
      line-height: 22px;
      align-items: start;
    }
  }
}
</style>
或
<style lang="scss" scoped>
:deep(.el-tree) {
  width: 100%;
  .el-tree-node {
    white-space: normal;
    .el-tree-node__content {
      height: 100%;
      align-items: start;
    }
  }
}
</style>