在编写网页时，如果需要使网页内容在浏览器内居中显示，可以利用CSS的margin属性。在body元素下添加一个容器div(id=”container”)，将其他内容均放在该div内。将容器div的margin属性设置为margin:0 auto;即可使得容器div居中显示，其内的所有元素也会居中显示。如下图所示：
HTML
<body>
<form>
<div id="container">
<div id="header">Header</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
</form>
</body>
CSS
<style type="text/css">
#container{margin:0 auto;width:600px;border:1px solid red;}
#header{border:1px solid blue;}
#content{height:360px;}
#footer{border:1px solid green}
</style>