CSS3 div水平、垂直居中,IE9以上、Firefox、Chrome均正常
2016-04-26 21:47
489 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>水平、垂直居中Div</title> <meta charset="utf-8" /> <style> .CenterBox { position: fixed; top: 40%; left: 50%; background-color: #eee; border-radius: 15px; padding: 15px; width: 350px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } </style> </head> <body> <div class="CenterBox"> asd </div> </body> </html>
相关文章推荐
- 手机禁止缩放网页 手机CSS导入
- CSS命名规范
- CSS优先级问题
- ie9渲染的bug
- CSS3动画工具
- CSS3圆角border-radius属性详解
- css中vertical-align属性的使用
- 修改输入框placeholder的样式
- IE9 IE10 SEC7113: CSS 因 Mime 类型不匹配而被忽略
- 结构伪类选择器中的 n
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行