通过box盒子模型给元素内容设置居中
2015-09-03 01:37
363 查看
老版本语法
div{
display:-webkit-box;
-webkit-box-align:center;//垂直居中
-webkit-box-pack:center;//水平居中
}
新版本语法
div{
display:-webkit-flex;
-webkit-align-items:center;
align-items:center;//垂直居中
-webkit-justify-content:center;
justify-content:center;//水平居中
}
混合版本语法
div{
display:-ms-flexbox;/*混合版本语法:IE10*/
-ms-flex-pack:center;//水平居中
-ms-flex-align:center;//垂直居中
}
div{
display:-webkit-box;
-webkit-box-align:center;//垂直居中
-webkit-box-pack:center;//水平居中
}
新版本语法
div{
display:-webkit-flex;
-webkit-align-items:center;
align-items:center;//垂直居中
-webkit-justify-content:center;
justify-content:center;//水平居中
}
混合版本语法
div{
display:-ms-flexbox;/*混合版本语法:IE10*/
-ms-flex-pack:center;//水平居中
-ms-flex-align:center;//垂直居中
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 开发日记:接口开发设计
- PHP date_default_timezone_set()函数之中国时区设定
- Longest Substrings Without Repeating Characters
- [LeetCode#43]Multiply Strings
- CSS3中的字体rem
- HDU1031 - Design T-Shirt （水题 模拟）
- Python中的元类(metaclass)
- 08-27作业
- Java项目图标前面有红色叹号
- Fibonacci（斐波那契）序列学习总结
- 修正Lilypond生成简谱工具
- 前端工程师技能之photoshop巧用(从效果图到雪碧图)2——测量篇
- 导入SDK中自带的Demo
- LeetCode Insertion Sort List
- LeetCode Insertion Sort List
- iOS 8 Swift Programming Cookbook
- samba服务
- iscsi
- [2015/09/03] 快速幂算法 - 大数取余
- poj 3667(区间合并)