ios8 flexbox 兼容

最近发现之前ios8上对flexbo布局不是太兼容,把常见的flex布局抽象了下,整理了个兼容样式

.flexbox{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.align-items-center{

    align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;

}

.flex-1{
    box-flex:1;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    flex:1;
    -webkit-flex:1;
}

.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
}

 justify-items 目前还没有想到怎么兼容iso8