栅格

srczh.css中栅格有划分和均分两个概念,可以操纵DOM元素中的行sg-row以及列sh-col

行:<sg-row>表示一行。
列:<sh-col>表示行中的一列。

宽度划分

src-row栅格组,在浏览器响应式布局中使用。
sg-*划分整行最大10份。(sg-1~sg-10)
sgr-*向右划分整行。(sgr-1~sgr-10)
lg-*跳跃划分列。(lg-1~lg-9)
rg-*向右跳跃划分列。(rg-1~rg-9)

1
2
3
4
5
6
7
8
9
10
2
8
1
2
3
1
2
2
5
1
2
2
2
2
2
2

宽度均分

ng-*按数量比均分每一行。(ng-1~ng-20)
pg-*配合ng-*使用,分配剩余量。(pg-2~pg-20)

注意:使用不同比分配剩余量,若pg数字大于ng宽度将超出

5
5
5
5
5
20
-20
15
-15
10
-10
5
-5

列高划分

sh-*将整列按比例划分高度(sh-1~sh-10)

1
2
3
4
5
6
7
8
9
10
2
2
2
2
2
5
5
1
1
1
1
1
2
2
2
2
2
5
5

列高均分

nh-*将整列按数量均分高度(nh-2~nh-20)
ph-*配合nh-*使用,分配剩余量。(ph-2~ph-20)

5
5
5
5
5
3
3
3
10
-10
5
5
5
5
5
3
3
3
5
-5
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司