布局排列

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~5	margin:0~5px
mg-10	margin:10px
mg-15	margin:15px
mg-20	margin:20px
mg-25	margin:25px
mgl-*	margin-left	mgr-*	margin-right
mgl-0~5	margin-left:0~5px	mgr-0~5	margin-right:0~5px
mgl-10	margin-left:10px	mgr-10	margin-right:10px
mgl-15	margin-left:15px	mgr-10	margin-right:15px
mgl-20	margin-left:20px	mgr-10	margin-right:20px
mgl-25	margin-left:25px	mgr-10	margin-right:25px
mgt-*	margin-left	mgb-*	margin-right
mgt-0~5	margin-top:0~5px	mgb-0~5	margin-bottom:0~5px
mgt-10	margin-top:10px	mgb-10	margin-bottom:10px
mgt-15	margin-top:15px	mgb-15	margin-bottom:15px
mgt-20	margin-top:20px	mgb-20	margin-bottom:20px
mgt-25	margin-top:25px	mgb-25	margin-bottom:25px

边距设置mg-25

间隙

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

pd-*	padding
pd-0~5	padding:0~5px
pd-10	padding:10px
pd-15	padding:15px
pd-20	padding:20px
pd-25	padding:25px
pdl-*	padding-left	pdr-*	margin-right
pdl-0~5	padding-left:0~5px	pdb-0~5	padding-right:0~5px
pdl-10	padding-left:10px	pdr-10	padding-right:10px
pdl-15	padding-left:15px	pdr-15	padding-right:15px
pdl-20	padding-left:20px	pdr-20	padding-right:20px
pdl-25	padding-left:25px	pdr-25	padding-right:25px
pdt-*	padding-left	pdr-*	margin-right
pdt-0~5	padding-top:0~5px	pdb-0~5	padding-bottom:0~5px
pdt-10	padding-top:10px	pdb-10	padding-bottom:10px
pdt-15	padding-top:15px	pdb-15	padding-bottom:15px
pdt-20	padding-top:20px	pdb-20	padding-bottom:20px
pdt-25	padding-top:25px	pdb-25	padding-bottom:25px

间隙设置pd-25

尺寸

尺寸定义类w*, w-*, h*, h-*

w*	width	h*	height
w0~10	width:0~10px	h0~10	height:0~10px
w-10	width:10%	h-10	height:10%
w-20	width:20%	h-20	height:20%
w-30	width:30%	h-30	height:30%
w-40	width:40%	h-40	height:40%
w-50	width:50%	h-50	height:50%
w-60	width:60%	h-60	height:60%
w-70	width:70%	h-70	height:70%
w-80	width:80%	h-80	height:80%
w-90	width:90%	h-90	height:90%
w-100	width:100%	h-100	height:100%