[移动开发]css弹性盒子部分兼容

.flex {
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
}

.flex-box {
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
    -webkit-box-orient: vertical;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: column;
    /* Chrome 21+ */
    -ms-flex-direction: column;
    /* WP IE 10 */
    flex-direction: column;
    /* android 4.4 */
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.flex-one {
    -webkit-box-flex: 1;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 1;
    /* Chrome 21+ */
    -ms-flex: 1;
    /* WP IE 10 */
    flex: 1;
    /* android 4.4 */
}

.flex-center {
    -webkit-box-pack: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;
    /* Chrome 21+ */
    -ms-flex-pack: center;
    /* WP IE 10 */
    justify-content: center;
    /* android 4.4 */
    -webkit-box-align: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;
    /* Chrome 21+ */
    -ms-flex-align: center;
    /* WP IE 10 */
    align-items: center;
    /* android 4.4 */
}

.flex-justify-center {
    -webkit-box-pack: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;
    /* Chrome 21+ */
    -ms-flex-pack: center;
    /* WP IE 10 */
    justify-content: center;
    /* android 4.4 */
}

.flex-align-center {
    -webkit-box-align: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;
    /* Chrome 21+ */
    -ms-flex-align: center;
    /* WP IE 10 */
    align-items: center;
    /* android 4.4 */
}
.flex-between {
    /*! autoprefixer: off */
    -webkit-box-pack: justify;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: space-between;
    /* Chrome 21+ */
    -ms-flex-pack: justify;
    /* WP IE 10 */
    justify-content: space-between;
}