# Flex 布局
## 基本用法
```html
span:12
span:12
span:8
span:8
span:8
span:6
span:6
span:6
span:6
span:4
span:4
span:4
span:4
span:4
span:4
```
## 设置元素间距
```html
span:6
span:6
span:6
span:6
```
## Flex布局
### wrap（是否换行）
```html
1
2
1
2
1
2
```
### justify（主轴方向）
```html
start
center
end
between
around
```
### align（侧轴方向）
```html
顶部对齐 - flex-start
居中对齐 - center
底部对齐 - flex-end
```
## 分栏偏移
```html
offset:6
span:6
span:6
span:6
offset:8
span:6
offset:6
offset:6
```
## Prop
### row
| 字段 | 说明 | 类型 | 默认值
|----- | ----- | ----- | -----
| type | 布局方式，可选值为flex | String | -
| gutter | 列元素之间的间距（单位为px） | String/Number | -
| tag | 自定义元素标签 | String | div
| justify | Flex 主轴对齐方式，可选值为 start end center space-around space-between | String | start
| align | Flex 交叉轴对齐方式，可选值为 flex-start center flex-end | String | flex-start
| flexWrap | Flex是否换行，可选值为 nowrap wrap reverse | String | nowrap
### col
| 字段 | 说明 | 类型 | 默认值
|----- | ----- | ----- | -----
| span | 列元素宽度 | String/Number | -
| offset | 列元素偏移距离 | String/Number | -