布局排列

srczh.css布局排列定义

方向排列

fx-* 设置方向排列a~c

fx-a从左向右
fx-b居中
fx-c从右向左

水平位置

wz-* 设置水平位置类型a~c

wz-a文字从左向右
wz-b文字居中
wz-c文字从左向右

边距

mg*-* 设置边距大小对应 margin

mg-*margin
mg-0~5margin:0~5px
mg-10margin:10px
mg-15margin:15px
mg-20margin:20px
mg-25margin:25px
mgl-*margin-leftmgr-*margin-right
mgl-0~5margin-left:0~5pxmgr-0~5margin-right:0~5px
mgl-10margin-left:10pxmgr-10margin-right:10px
mgl-15margin-left:15pxmgr-10margin-right:15px
mgl-20margin-left:20pxmgr-10margin-right:20px
mgl-25margin-left:25pxmgr-10margin-right:25px
mgt-*margin-leftmgb-*margin-right
mgt-0~5margin-top:0~5pxmgb-0~5margin-bottom:0~5px
mgt-10margin-top:10pxmgb-10margin-bottom:10px
mgt-15margin-top:15pxmgb-15margin-bottom:15px
mgt-20margin-top:20pxmgb-20margin-bottom:20px
mgt-25margin-top:25pxmgb-25margin-bottom:25px
边距设置mg-25

间隙

pd*-* 设置间隙大小对应 padding

pd-*padding
pd-0~5padding:0~5px
pd-10padding:10px
pd-15padding:15px
pd-20padding:20px
pd-25padding:25px
pdl-*padding-leftpdr-*margin-right
pdl-0~5padding-left:0~5pxpdb-0~5padding-right:0~5px
pdl-10padding-left:10pxpdr-10padding-right:10px
pdl-15padding-left:15pxpdr-15padding-right:15px
pdl-20padding-left:20pxpdr-20padding-right:20px
pdl-25padding-left:25pxpdr-25padding-right:25px
pdt-*padding-leftpdr-*margin-right
pdt-0~5padding-top:0~5pxpdb-0~5padding-bottom:0~5px
pdt-10padding-top:10pxpdb-10padding-bottom:10px
pdt-15padding-top:15pxpdb-15padding-bottom:15px
pdt-20padding-top:20pxpdb-20padding-bottom:20px
pdt-25padding-top:25pxpdb-25padding-bottom:25px
间隙设置pd-25

尺寸

尺寸定义类w*, w-*, h*, h-*
w*widthh*height
w0~10width:0~10pxh0~10height:0~10px
w-10width:10%h-10height:10%
w-20width:20%h-20height:20%
w-30width:30%h-30height:30%
w-40width:40%h-40height:40%
w-50width:50%h-50height:50%
w-60width:60%h-60height:60%
w-70width:70%h-70height:70%
w-80width:80%h-80height:80%
w-90width:90%h-90height:90%
w-100width:100%h-100height:100%
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司