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;

---