解决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
}- 修改前：
- 修改后：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了封装Vue Element的table表格组件的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-08-08
这篇文章主要介绍了element-ui自定义表格如何给input双向绑定数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
下面小编就为大家分享一篇vue编译打包本地查看index文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了vue关于接口请求数据过大导致浏览器崩溃的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要为大家学习介绍了如何利用Vue2实现全局水印的效果，文中的示例代码简洁易懂，具有一定的借鉴价值，感兴趣的小伙伴可以了解下2023-07-07
这篇文章主要介绍了Vue+Element实现网页版个人简历系统,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了如何启动一个Vue.js项目，对Vue.js感兴趣的同学，可以参考下2021-04-04
这篇文章介绍了Vue中的event对象，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要为大家详细介绍了Vue Element UI自定义描述列表组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
antd Select下拉菜单动态添加option里的内容操作
这篇文章主要介绍了antd Select下拉菜单动态添加option里的内容操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
最新评论