flex布局兼容
2017-03-07 14:42
183 查看
安卓4.4以下旧版本
display：-webkit-flex-box；
-webkit-flex-box：1;
box-pack: center;//水平居中
box-align: center;//垂直居中
安卓4.4以上和苹果系统
display: -webkit-flex;
flex: 1;
-webkit-flex:1;
justify-content: center;//水平居中
-webkit-justify-content: center;
align-items: center;//垂直居中
-webkit-align-items: center;
display：-webkit-flex-box；
-webkit-flex-box：1;
box-pack: center;//水平居中
box-align: center;//垂直居中
安卓4.4以上和苹果系统
display: -webkit-flex;
flex: 1;
-webkit-flex:1;
justify-content: center;//水平居中
-webkit-justify-content: center;
align-items: center;//垂直居中
-webkit-align-items: center;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- flex.css，移动端flex布局神器，兼容微信，UC，webview等移动端主流浏览器08.10
- Flex布局新旧混合写法详解（兼容微…
- 移动端Flex 布局新旧混合兼容
- Flex布局新旧混合写法详解（兼容微信）
- 移动Web开发基础-flex弹性布局（兼容写法）
- Flex布局新旧混合写法详解（兼容微信）
- flex布局兼容处理
- display：flex不兼容Android、Safari低版本的解决方案 【flex布局】
- Flex布局兼容知识点总结
- 微信小程序测试：navigator组件使用flex布局不兼容问题及解决方案
- Flex布局新写法兼容写法详解
- Flex布局新旧混合写法详解（兼容微信）
- flex布局和单行省略不兼容
- Flex布局新旧混合写法详解（兼容微信）
- flex布局兼容
- Flex布局新旧混合写法详解（兼容微信）
- flex布局浏览器兼容处理
- 刨坑：Flex布局新旧混合写法兼容写法详解（兼容微信）
- 2017-03-21 Flex布局新旧混合写法详解（兼容微信） http://www.tuicool.com/articles/Yzeu6j7
- Flex转型Html学习随笔1——关于Html页面的div布局（上）