srczh.css中栅格有划分和均分两个概念,可以操纵DOM元素中的行sg-row以及列sh-col。
行:<sg-row>表示一行。
src-row栅格组,在浏览器响应式布局中使用。
sg-*划分整行最大10份。(sg-1~sg-10)
sgr-*向右划分整行。(sgr-1~sgr-10)
lg-*跳跃划分列。(lg-1~lg-9)
rg-*向右跳跃划分列。(rg-1~rg-9)
ng-*按数量比均分每一行。(ng-1~ng-20)
pg-*配合ng-*使用,分配剩余量。(pg-2~pg-20)
注意:使用不同比分配剩余量,若pg数字大于ng宽度将超出
sh-*将整列按比例划分高度(sh-1~sh-10)
nh-*将整列按数量均分高度(nh-2~nh-20)
ph-*配合nh-*使用,分配剩余量。(ph-2~ph-20)