flex弹性盒子的兼容性写法

标签：dir   文件   normal   pac   兼容   ems   弹性   web   xbox   

将这些添到css文件中基本上能满足页面弹性盒子的需求

　/*定义弹性布局盒子*/

　display：{

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

　}

　/*定义子元素排列*/

flex-direction：{

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

}

/*横向排列布局*/

justify-content：{

　　-webkit-justify-content:center;
　　justify-content:center;
　　-moz-box-pack:center;
　　-webkit--moz-box-pack:center;
　　box-pack:center;

}
/*竖向排列布局*/

align-items:{

　　align-items:center;
　　-webkit-align-items:center;
　　box-align:center;
　　-moz-box-align:center;
　　-webkit-box-align:center;

}
/*伸缩盒子布局兼容*/

flex:{

　　box-flex:num;
　　-webkit-box-flex:num;
　　-moz-box-flex:num;
　　flex:num;
　　-webkit-flex:num;

}

flex弹性盒子的兼容性写法

标签：dir   文件   normal   pac   兼容   ems   弹性   web   xbox   

原文地址：https://www.cnblogs.com/wangxirui/p/9029267.html