弹性盒布局兼容性问题

弹性盒布局兼容性代码:


.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;

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容