div层设置居中

在实际生活中，特别是登陆页面中，我们总希望自己设计的小的登录框能够在屏幕居中显示，而今我也遇到了同样得问题，搜索了很多材料，但是还是没有找到一个比较好的答案，下面便是简单的实现了在屏幕，水平、垂直居中。在这里，遇到了另一个问题，如果界面的backgroud设置为渐变得图片，如何实现页面无论在哪个显示屏上显示都是全屏显示，不会出现丢边得现象。渐变效果是图片来实现的，而图片毕竟有大小的限制，为了达到效果，最后定了一套方案：屏幕分为三个DIV，在上下两个DIV中使用渐变，并且采用横向repeate-x, width:100%,中间使用统一色调，其高度auto，总体效果实现立体效果,这样可能不是最好的解决方案，希望能够找到更好的。
<div style="z-index:3;position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px">内容。
图片文字flash等。请注意，div宽度高度以及margin负值需针对内容进行相应设置< /div>

说明：

绝对定位div
position:absolute;

顶部和左边距
top:50%; left:50%;

使用外补丁 margin 负值，负值大小为层自身高度宽度各除以二
margin:-200px 0 0 -275px;




z-index :  auto | number
 
参数：
 
auto : 　遵从其父对象的定位
number : 　无单位的整数值。可为负数

转载于:https://www.cnblogs.com/jie566/archive/2012/11/14/2770087.html