div css水平垂直居中
2015-08-25 22:08
661 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body { padding: 0; margin: 0; } /*垂直居中*/ .box { width: 1200px; /*图片宽*/ height: 650px; /*图片高*/ position: absolute; left: 50%; top: 50%; margin-left: -600px;/* 宽/2 */ margin-top: -325px; /* 高/2 */ } </style> </head> <body> <div class="box"> <img src="img/luomu_02_02.png" /> </div> </body> </html>
@落雨
http://ae6623.cn
效果:
![](https://images0.cnblogs.com/blog2015/162508/201508/252208467036484.jpg)
相关文章推荐
- css3颜色
- 样式和主题的设定,和自定义
- web前端html+css常用布局04
- web前端html+css常用布局03
- web前端html+css常用布局02
- web前端html+css常用布局01
- CSS的注释部分编程引申
- 制作好看又非常简单CSS样式的颜色块
- css知多少(6)——选择器的优先级
- css selector: xpath:
- css selector: xpath:
- 关于单选框以及复选框的css美化方法
- 当内嵌图层有图层样式时,如何在其上边创建图层剪切蒙版
- css中的float和相对定位,绝对定位,z-index
- Css font-family字体对照表
- 适度使用禁止复制css样式的好处
- CSS中border和clear两大属性用法揭秘
- DIV背景透明样式使用
- css知多少(5)——选择器
- css知多少(4)——解读浏览器默认样式