element-ui el-row中有多个el-col的时候,某些情况下el-col显示错位


element-ui 使用el-row 配合el-col实现布局的时候,不知道在什么情况下会出现如图所示,错位

元素布局如图

正确的应该是:

解决办法,给el-row添加一个类:

.gz-form-row{
    display: flex;
    flex-wrap: wrap;
}

直接引用即可:

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
YES开发框架
上一篇:C#上传图片添加水印
下一篇:SQL Server获得所有数据库,所有表试图和字段
评论列表

发表评论

评论内容
昵称:
关联文章

element-ui el-rowel-col时候某些情况el-col显示错位
element-ui组件el-tabs控制内容滚动
element-ui el-table不显示合计行解决办法
WindowsGit账号配置,同一电脑ssh-key管理
element-ui改进el-form表单样式,取消form-item底部边距:form-inner-error
FastReport 合并报表,一次打印rpt文件
vue3重新封装element-plus组件库按钮组件el-button
.net使用Linq 判断两集合是否交集集合类
在 SA 和 Windows 等账户都被禁用情况如何登录?
html 两image中间间隙,空隙,空白,间隔
TS对象,便利B对象属性,如果A对象这个属性,就把B值更新到A对象。
vue3 ts setup 封装element-plus el-dialog,并使用v-model
微信小程序换行,空格(空格)写法
SQLite Database 线程访问需要注意问题
winform 关闭form2同时显示form1
npm运行server npm-run-all通知执行任务
免费可商用字体哪些?
Form表单标题换行优化:el-form-item Label换行界面显示 label-multiline 样式
UI图标下载
同时请求_axios并发请求

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码