el-row,el-col,flex结合布局

记录下用flex和el-row,el-col做的一个布局
el-row,el-col,flex结合布局_第1张图片
外层包裹一个div,用于设置高宽,背景色,padding和margin值,元素水平垂直居中用flex布局
el-row,el-col,flex结合布局_第2张图片
css样式
wrapper里面的元素根据需求设置span的值即可
目前总结这么多,随着使用的增加,再完善
el-row,el-col,flex结合布局_第3张图片
最终效果如图~

你可能感兴趣的:(vue.js,javascript,css,css3)