解决element ui el-row el-col里面高度不一致问题
更新时间:2024年08月06日 09:37:49 作者:代码搬运媛
这篇文章主要介绍了解决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
}- 修改前:

- 修改后:

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3 watch和watchEffect的使用以及有哪些区别
这篇文章主要介绍了vue3 watch和watchEffect的使用以及有哪些区别,帮助大家更好的理解和学习vue框架,感兴趣的朋友可以了解下2021-01-01
vue3中使用ref和emit来减少props的使用示例详解
现在在开发vue3项目的过程中,我们开发小组渐渐的减少props的使用,转而用ref 和 emit 来代替,这篇文章主要介绍了vue3中使用ref和emit来减少props的使用,需要的朋友可以参考下2022-06-06


最新评论