Vue Layout布局

Layout 布局    
*
*
*
Row Attributes

Col Attributes


1、通过 row 和 col组件，并通过 span 属性实现布局 （一行中 col 的 span 加起来不能超过24）

2、row 提供 gutter 属性指定列间隙 （一行中 col 的 span 加起来不能超过24）

3、col 组件中 offset 属性可以实现列偏移

4、通过 flex 布局实现分栏对齐， 同时可以使用 justify 属性设置一行居中，靠右或者间隔显示（justify = start, center, end, space-between, space-around ）

5、响应式布局。五个响应尺寸：xs、sm、md、lg 和 xl

6、样式1

 

7、样式2  【el-row，el-col】

8、样式3 【el-container】

*
*
*