element-ui中el-tree的父元素設置好寬度后不能被子內容撐開的問題


設置完父級的寬度之后,el-tree將不能被撐開,一旦子樹的內容太長就顯示不出來了;

 

原因分析: 因為.el-tree-node__content的 display默認的是flex,所以下邊的div內容撐不起來,而且.el-tree-node__children的overflow屬性是hedden,所以下邊的內容一多就自動隱藏了;

 

解決方法: 

.el-tree{
  .el-tree-node__content{
    display: block!important;
  }
  .el-tree-node__children{
    overflow: visible!important;
  }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM