如何使网页居中显示

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

如何使网页居中显示_第1张图片

 

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>

你可能感兴趣的:(如何使网页居中显示)