element-ui,使用el-row、el-col布局页面布局变乱

现状:有时候为了方便,把所有的el-col放到一个el-row里

问题表现:

1、el-col的内容为空

2、el-col的内容不一样

以上两种都会导致布局错乱

解决办法:

.el-row{

        display:flex;

        flex-wrap: wrap; 

}

可以实现自动换行,和分开写在el-row每一行的一样

你可能感兴趣的:(vue.js,前端,javascript)