将这些添到css文件中基本上能满足页面弹性盒子的需求
/*定义弹性布局盒子*/
display:{
display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
}
/*定义子元素排列*/
flex-direction:{
-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column;
}
/*横向排列布局*/
justify-content:{
-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit--moz-box-pack:center;box-pack:center;
}
/*竖向排列布局*/
align-items:{
align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;
}
/*伸缩盒子布局兼容*/
flex:{
box-flex:num;-webkit-box-flex:num;-moz-box-flex:num;flex:num;-webkit-flex:num;
}