基本布局
- 默认情况：el-row&el-col之间无marginhe padding
- el-col总为24，通过:span属性设置布局
分栏间隔
- el-row加:gutter属性（相当于设置其plr）
- 举例：:gutter="10"相当于el-col的plr为5
混合布局
- el-row下所有el-col的:span值加起来小于等于24，其中el-col的:span值可以不一样。
分栏偏移
- el-col加:offset/:push/:pull
- offset 栅格左侧的间隔格数
- push 栅格向右移动格数
- pull 栅格向左移动格数
注意：每个el-row下所有el-col的:span加:offset的数值不要超过24
对齐方式
-
为el-row加type属性，其值为flex
-
对齐方式
- 水平：为el-row加justify属性，其值start左对齐/end右对齐/center水平居中对齐/space-between两端对齐/space-around左右都有同个单位的间距)
- 垂直：为el-row加align属性，其值top顶端对齐/bottom底端对齐/middle垂直居中对齐。
-
补充说明：align不生效时，可能由于未为el-row设置高度，可设置height:100%
