display兼容写法

常用的display兼容性

display

display: -webkit-box; 
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex;

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-direction

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

flex:1

-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;

---

来源：CSDN

作者：liazheng

链接：https://blog.csdn.net/mihuxiaozi945/article/details/77504935