Question

如何编写一个div层位于网页正中央

一楼的答案并不能解决我的问题，我是想让div位于网页的正中间，也就是垂直的，水平的都可以居中

Answer 1

可以在style中定义样式，假设层的名字为：wrapper，则：<style>
#wrapper
{
width=1000px;
position:absolute;
left:50%;
margin-left:-500px;

}
这样无论在任何屏幕下显示的层都是在中间。

</style>

Answer 2

水平居中：
<div style="margin:0 auto; width:300px;">
hello!
</div>
需要注意的是必须指定一个宽度以后才能正确的用margin:0 auto; 来居中

垂直居中：
<div style="vertical-align:middle; line-height:100px;">
hello!
</div>
需要注意的是必须指定一个行高以后才能居中

Answer 3

http://wenku.baidu.com/view/edd7bd6925c52cc58bd6beaf.html
这里的内容应该对你有帮助

Answer 4

<style>

.box {position:absolute; top:50%; left:50%; margin:-50px 0 0 -100px; width:200px; height:100px; border:1px solid red; }
</style>
<div class=box></div>
注意，其中margin:-50px 0 0 -100px;
第一个150是高度的一半，第四个200是宽度的一半，具体数值要看你容器的宽度和高度而定，我只是举例。

Answer 5

<style>
.box {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid red;
}

</style>
<div class=box></div>

注意，其中margin:-150px 0 0 -200px;
第一个150是高度的一半，第四个200是宽度的一半，具体数值要看你容器的宽度和高度而定，我只是举例。