弹性盒布局兼容性问题

弹性盒布局兼容性代码：

.display-flex{

display: -webkit-box;

display: -moz-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

}

.flex-item {

-webkit-box-flex: 1;

-moz-box-flex: 1;

-webkit-flex: 1;

-ms-flex: 1;

flex: 1;

}

.flex-direction {

-webkit-box-orient: vertical;

-webkit-flex-direction: column;

-moz-flex-direction: column;

-ms-flex-direction: column;

-o-flex-direction: column;

flex-direction: column;

}

.justify-content {

-webkit-box-pack: center;

-moz-justify-content: center;

-webkit-justify-content: center;

justify-content: center;

}

.align-items {

-webkit-box-align: center;

-moz-align-items: center;

-webkit-align-items: center;

align-items: center;

}

.flex-wrap{

-webkit-flex-wrap:wrap;

-webkit-box-lines:multiple;

-moz-flex-wrap:wrap;

flex-wrap:wrap;

}