我做了一个网站，现在网页在浏览器里打开时显示的是水平居中了，但是网页靠上，我想要让它垂直也居中，请问一下该怎么做
网页设计让网页在浏览器里居中，这个的话，我们是需要一个div，然后设置好这个div的宽、高，然后在通过margin属性来设置的，margin:5px auto;意思上下为5,左右平均居中，可以看下图：
这里我写段代码：
<html>
<head>
<title>网页居中</title>
</head>
<style>
div{
widrh:960px;
height:700px;
mrgin:0 auto;
}
</style>
<body>
<div>
<p>网页居中</p>
</div>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2016-09-18
最容易的是,将你所有的html代码放在这个div里面:
<div style="width:950px;height:auto;margin:0 auto;">
(把你原来的内容放进来,也就是你<body>与</body>之间的所有代码,width:950px;必须要有宽度,根据你自己的宽度来改一下就OK了!)
</div>
大概样子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的网页内容:
.....
...
</div>
</body>
参考资料： 本回答被提问者采纳
<div style="width:950px;height:auto;margin:0 auto;">
(把你原来的内容放进来,也就是你<body>与</body>之间的所有代码,width:950px;必须要有宽度,根据你自己的宽度来改一下就OK了!)
</div>
大概样子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的网页内容:
.....
...
</div>
</body>
参考资料： 本回答被提问者采纳
第2个回答 2009-07-20
将你所有的html代码放在这个div里面:
<div style="width:950px;height:auto;margin:0 auto;">
(把你原来的内容放进来,也就是你<body>与</body>之间的所有代码,width:950px;必须要有宽度,根据你自己的宽度来改一下就OK了!)
</div>
大概样子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的网页内容:
.....
...
</div>
</body>
<div style="width:950px;height:auto;margin:0 auto;">
(把你原来的内容放进来,也就是你<body>与</body>之间的所有代码,width:950px;必须要有宽度,根据你自己的宽度来改一下就OK了!)
</div>
大概样子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的网页内容:
.....
...
</div>
</body>
第3个回答 2009-07-20
点空白的地方,在下面的属性栏不是有可以居中的选项吗...
第4个回答 2009-07-20
垂直居中的话，你得知道你页面的告诉。然后自己定义margin-top了
