解决ElementUI的table组件在flex布局下宽度不能自适应的问题


  问题: 在左侧菜单栏折叠/展开的时候右侧设置flex:1;自适应布局的区域由于table表格宽度已经渲染,会出现横向滚动条不能自适应。

  解决方案:

// 最大容器
.wrap { display: flex; flex: auto; }
// 左侧 .wrap-left { flex: 0 0 400px; width: 400px; } .wrap-right { flex: 1; margin-left: 20px; position: relative; }
// 给 table 加一个 div 设置属性 .table-div { position: absolute;
width: 100%;
}


 

上一篇:[html] 写一个三栏布局,中间固定,两边自适应(平均)


下一篇:文本换行与溢出后省略