--- title: Grid 栅格 --- # Grid 栅格 **使用方法** ### 24网格 #### 预览 #### 示例代码 ```vue
8
8
8
6
6
6
6
4
4
4
4
4
4
2
2
2
2
2
2
2
2
2
2
2
2
 ``` ### 设置 gutter #### 预览 #### 示例代码 ```vue
8
8
8
6
6
6
6
 ``` ### 设置空隙 #### 预览 #### 示例代码 ```vue
8
8
6
6
4
4
4
2
2
2
2
2
2
2
2
 ``` # Attributes ### Row |参数| 说明 | 类型 | 可选值 | 默认值 | | :-------------: |:-------------:| :-----:|:-----:|:-----:| |gutter| 间距 | String、Number |--|0 |position|对齐方式|String|left、center、right|left ### Col |参数| 说明 | 类型 | 可选值 | 默认值 | | :-------------: |:-------------:| :-----:|:-----:|:-----:| |span| 栅格占据的列数 | String、Number |1-24|-- |offset|栅格左侧的间隔格数| String、Number|1-24|-- |ipad|ipad响应式布局|Number、Object|span数字或{span:1;offset:1}|-- |narrowPc|窄屏幕响应式布局|Number、Object|span数字或{span:1;offset:1}|-- |pc|普通电脑响应式布局|Number、Object|span数字或{span:1;offset:1}|-- |widePc|宽屏响应式布局|Number、Object|span数字或{span:1;offset:1}|--