el-row和el-col出现排版错乱,如图

前端问题记录:el-row和el-col出现排版错乱_解决方案

使用场景：

使用了el-row和col配合form使用，不操作时候页面排版是正确的，进行操作就会出现排版错乱。

问题原因：

因为 el-row和el-col的中的span元素之和超过了24的时候，就会出现排版错乱

解决方案：

.el-row {
display: flex; //设置布局
flex-wrap: wrap; //进行换行操作