/* ====== ================================================== ====
flex: Define the layout as a box model
flex-v: box model vertical layout
flex-1: Child elements occupy the remaining space
flex-align-center: the child element is vertically centered
flex-pack-center: the child element is centered horizontally
flex-pack-justify: align child elements at both ends
Compatibility: ios 4+, android 2.3+, winphone8+
============================================= ============== */
.flex{display:-webkit-box; display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical< /span>;-webkit-flex-direction:column;-ms-flex-direction:column;flex- direction:column;}
.flex-1{-webkit-box-flex:1< /span>;-webkit-flex:1;-ms-flex:1;flex: 1;}
.flex-align-center{-webkit-box-align: center;-webkit-align-items:center;-ms-flex-align:center; align-items:center;}
.flex-pack-center{-webkit-box-pack: center;-webkit-justify-content:center;-ms-flex-pack:center; justify-content:center;}
.flex-pack-justify{-webkit-box-pack: justify;-webkit-justify-content:space-between;< span style="color: #ff0000;">-ms-flex-pack:justify;justify-content:space-between;}
< span style="color: #008000;">/* ===================== ======================================
flex: Define the layout as a box model
flex-v: box model vertical layout
flex-1: Child elements occupy the remaining space
flex-align-center: the child element is vertically centered
flex-pack-center: the child element is centered horizontally
flex-pack-justify: align child elements at both ends
Compatibility: ios 4+, android 2.3+, winphone8+
============================================= ============== */
.flex{display:-webkit-box; display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical< /span>;-webkit-flex-direction:column;-ms-flex-direction:column;flex- direction:column;}
.flex-1{-webkit-box-flex:1< /span>;-webkit-flex:1;-ms-flex:1;flex: 1;}
.flex-align-center{-webkit-box-align: center;-webkit-align-items:center;-ms-flex-align:center; align-items:center;}
.flex-pack-center{-webkit-box-pack: center;-webkit-justify-content:center;-ms-flex-pack:center; justify-content:center;}
.flex-pack-justify{-webkit-box-pack: justify;-webkit-justify-content:space-between;< span style="color: #ff0000;">-ms-flex-pack:justify;justify-content:space-between;}