解决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
}- 修改前：
- 修改后：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Nuxt如何实现将服务测数据存储到Vuex中的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本文主要介绍了element实现二级菜单和顶部导航联动的示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了vue 注释template中组件的属性说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家介绍了Vue响应式原理及双向数据绑定的示例分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了vue中本地静态图片的路径应该怎么写,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本文主要介绍了Vue基于路由监听实现同页面动态加载的示例，重点在于切换路由的时候,重新拉取列表数据，接下来看看实现方法吧2021-05-05
这篇文章主要为大家详细介绍了vue3.x使用swiperUI动态加载图片失败的解决方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了vue的props如何实现子组件随父组件一起变化,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
async和await作为异步函数,语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,下面这篇文章主要给大家介绍了如何通过一文教会你vue中使用async和await的相关资料,需要的朋友可以参考下2022-10-10
Vue Echarts实现图表轮播图以及图表组件封装和节流函数优化讲解
这篇文章主要介绍了在Vue中优雅的使用Echarts实现图表轮播图、Echarts图表组件封装、节流函数优化图表性能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
最新评论