时 间 记 忆
最 新 评 论
专 题 分 类
最 新 日 志
最 新 留 言
搜 索
用 户 登 录
友 情 连 接
博 客 信 息


 
利用css实现div在页面中的垂直居中
[ 2008-8-20 12:03:00 | By: eleven ]
 

今天做页面,遇到div垂直居中的问题。左右居中,直接margin-left:auto;margin-right:auto;就可以了。垂直居中就不是那么简单2步就能解决了。多了几个属性,其实还是挺简单的,只是一时间想不到。css中定义如下:

#login {
   height: 300px; 
   width: 520px; 
   position: absolute; 
   left:50%;   
   top:50%;   
   margin-left:-260px;   /***对象宽度的一半***/
   margin-top:-150px;   /***对象高度的一半***/
}

html中调用就可以了,ie7与firefox中均显示正常

<div id="login">******</div>

这只是一种方法,有其他更好方法的欢迎分享,讨论

 
发表评论: