Flex 布局
固定尺寸
xs(20%)
sm(40%)
sub(50%)
lg(60%)
xl(80%)
比例
1
1
1
2
1
2
3
水平对齐
start
start
end
end
center
center
between
between
around
around
垂直对齐
ColorUi
start
ColorUi
end
ColorUi
center
内外边距
{size}的尺寸有xs/sm/df/lg/xl
外边距
内边距
.m-{size}
.p-{size}
水平方向外边距
水平方向内边距
.mh-{size}
.ph-{size}
垂直方向外边距
垂直方向内边距
.mv-{size}
.pv-{size}
上外边距
上内边距
.mt-{size}
.pt-{size}
右外边距
右内边距
.mr-{size}
.pr-{size}
下外边距
下内边距
.mb-{size}
.pb-{size}
左外边距
左内边距
.ml-{size}
.pl-{size}
浮动
ColorUi fl
ColorUi fr