栅格系统

栅格系统采用的是css3的flex-box来实现的,展示更自由。内置了col-1 - 5,等比例分配div,可随意使用margin与padding

横向

1:1

col-1
col-1

1:1:1

col-1
col-1
col-1

1:2:3

col-1
col-2
col-3

第一个为100px,第二个填充剩余部分

col-1
col-1

纵向

高度200px 1:2:3

col-1
col-2
col-3

任意高度宽度div水平垂直居中

看我如何居中

综合布局

col-1
col-1
col-2
col-3