程序博客网 > chantelle sydney知乎

如何使网页居中显示

来源：互联网发布：chantelle sydney知乎编辑：程序博客网时间：2024/05/17 08:36

在编写网页时，如果需要使网页内容在浏览器内居中显示，可以利用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>

原文出处：http://www.cnblogs.com/xiaoyusmile/archive/2011/11/16/2251339.html

chantelle sydney知乎

chantelle sydney知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子为什么肛裂肛裂出血不疼肛裂怎么好肛裂怎么肛裂疗法什么原因导致肛裂肛裂鉴别诊断什么肛裂肛裂便秘为啥会肛裂严重肛裂一直肛裂肛裂是宝宝肛裂有肛裂肛裂出血用什么药好得快些缸豆怎么炒好吃缸豆干缸鼓缺书网书缺有间什么人容易缺钾人缺钾有什么症状人缺钾什么症状人缺钾症状贱人你就这么缺男人吗我缺个老公人设中年人缺钙有什么症状本人女缺钱有人要包吗人缺钾人为什么会缺钙缺钾的人应该吃什么人为什么缺钾原因何在星际位面妈咪马达缺油叔你命中缺我全文免费阅读顾少你命中缺我叔你命中缺我免费叔你命里缺我顾少你命中缺我秦舞叔你命中缺我大结局你命中缺我