解决element ui el-row el-col里面高度不一致问题
作者：代码搬运媛
这篇文章主要介绍了解决element ui el-row el-col里面高度不一致问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
element ui el-row el-col里面高度不一致问题
用饿了吗el-row，el-col布局页面的时候会因为el-col的内容高度不统一，造成布局混乱
解决方案
就是在el-row中添加type=“flex”
vue ElementUi 修改el-row的高度
添加如下css样式
.el-row{
margin-bottom: -15px;
display: flex;
flex-wrap: wrap
}- 修改前：
- 修改后：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。