在实际生活中，特别是登陆页面中，我们总希望自己设计的小的登录框能够在屏幕居中显示，而今我也遇到了同样得问题，搜索了很多材料，但是还是没有找到一个比较好的答案，下面便是简单的实现了在屏幕，水平、垂直居中。在这里，遇到了另一个问题，如果界面的backgroud设置为渐变得图片，如何实现页面无论在哪个显示屏上显示都是全屏显示，不会出现丢边得现象。渐变效果是图片来实现的，而图片毕竟有大小的限制，为了达到效果，最后定了一套方案：屏幕分为三个DIV，在上下两个DIV中使用渐变，并且采用横向repeate-x, 100%,中间使用统一色调，其高度auto，总体效果实现立体效果,这样可能不是最好的解决方案，希望能够找到更好的。
<div style="z-index:3;position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; 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 : 无单位的整数值。可为负数
说明：
检索或设置对象的层叠顺序。
如两个绝对定位对象的此属性具有同样的值，那么将依据它们在HTML文档中声明的顺序层叠
对应的脚本特性为zIndex。请参阅我编写的其他书目。