flex.css，轻量级移动端布局神器，让你用最快的速度，并且用最优雅的方式完成复杂的移动端布局，让你专注于编写内容呈现效果，完美兼容Android，ios，微信端。
github：https://github.com/lzxb/flex.css
快速入门
flex只有两个属性，一个是容器属性flex，一个是子元素属性flex-box
如：
<div flex="dir:left main:left cross:top"> <div flex-box="0"></div> </div>
flex属性大全
dir：主轴方向
top：从上到下
right：从右到左
bottom：从上到下
left：从左到右（默认）
main：主轴对齐方式
right：从右到左
left：从左到右（默认）
justify：两端对齐
center：居中对齐
cross：交叉轴对齐方式
top：从上到下
bottom：从上到下
baseline：跟随内容高度对齐
center：居中对齐
stretch：高度并排铺满（默认）
box：子元素设置
mean：子元素平分空间
first：第一个子元素不要多余空间，其他子元素平分多余空间
last：最后一个子元素不要多余空间，其他子元素平分多余空间
justify：两端第一个元素不要多余空间，其他子元素平分多余空间
flex-box属性说明
取值范围(0-10)，单独设置子元素多余空间的如何分配，设置为0，则子元素不占用多余的多余空间
多余空间分配 = 当前box值/子元素的box值相加之和
主轴方向：
从上到下
从右到左
从下到上
从左到右
1
2
3
主轴对齐方式：
从右到左
从左到右
两端对齐
居中对齐
1
2
3
交叉轴对齐方式：
从上到下
从下到上
跟随内容高度对齐
居中对齐
高度并排铺满
1
1*2
2
2*2
2*3
3
3*2
3*3
3*4
子元素宽度设置：
平分
第一个固定
最后一个固定
两端第一个固定
1
2
3
子元素高度设置：
平分
第一个固定
最后一个固定
两端第一个固定
1
2
3
左边固定宽度，右边把多余宽度占满
1
2
右边固定宽度，左边把多余宽度占满
1
2
上边固定宽度，下边把多余宽度占满
1
2
下边固定宽度，上边把多余宽度占满
1
2
左右两边对齐
1
2
上下两边对齐
1
2
垂直居中
1