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; //进行换行操作
                               }