# 栅格系统 ---- ### heaCol基础用法使用```hea-row```、作为父级标签子级需要 ```hea-col``` 来进行栅格化基本栅格布局常用属性为 ```span``` 属性一般分 24格。

span:2

span:12

span:6

span:12

span:6

span:23

::: demo ```html

span:2

span:12

span:6

span:12

span:6

span:23

``` ::: ### heaRow基础用法使用```hea-row```的```gutter``` 两侧拉伸偏移单位像素

gutter:0

gutter:20

gutter:40

::: demo ```html

gutter:0

gutter:20

gutter:40

``` :::
使用```hea-row```的```type=flex``` 改变布局模式，变成css3弹性盒子布局同时配合 ```pack``` 横向对其方式以及 ```align``` 纵向对齐方式调整对齐

box

::: demo ```html

box

``` ::: ## API ### row Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | gutter | 两边偏移量 | string | - | - | | type | 布局类型 | string | flex | - | | align | 垂直排布方式 | string | start,center,end,between,around | - | | pack | 水平排布方式 | string | start,center,end,stretch,baseline | - | ### col Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | span | 栅格多少格 1=1/24 | string | - | - | | offset | 左偏移量以栅格为单位 | string | | - | | push | 左移以栅格为单位 | - | - | - | | pull | 左移以栅格为单位 | - | - | - |