flex:前端弹性盒子布局浏览器兼容

/* 父元素-flex容器 */
.flex {
display: box;               /* OLD - Android 4.4- */
display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;       /* TWEENER - IE 10 */
display: -webkit-flex;      /* NEW - Chrome */
display: flex;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* 子元素-平均分栏 */
.flex1 {
-webkit-box-flex: 1;              /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1;                 /* OLD - Firefox 19- */
-webkit-flex: 1;                     /* Chrome */
-ms-flex: 1;                           /* IE 10 */
flex: 1;                                   /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴） */
.flex-h {
display: box;                          /* OLD - Android 4.4- */
display: -webkit-box;             /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;                 /* OLD - Firefox 19- (buggy