如何使网页居中显示

在编写网页时，如果需要使网页内容在浏览器内居中显示，可以利用CSS的margin属性。在body元素下添加一个容器div(id=”container”)，将其他内容均放在该div内。将容器div的margin属性设置为margin:0 auto;即可使得容器div居中显示，其内的所有元素也会居中显示。如下图所示：

HTML

<body>

<form>

<div id="header">Header</div>

<div id="content">Content</div>

<div id="footer">Footer</div>

</div>

</form>

</body>

CSS

#container{margin:0 auto;600px;border:1px solid red;}

#header{border:1px solid blue;}

#content{height:360px;}

#footer{border:1px solid green}

</style>