内蒙古快三预测一定牛:让div网页居中 html网页居中方法

遇到过有的浏览器中网页主体内容是居中的(网页居中),可有的浏览器中HTML网页整体是靠右(居右)的。问题原因在于没有设置css布局居中属性margin。

html最外层DIV设置宽度同时需要设置居中CSS属性。
margin:0 auto

HTML布局居中源代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html网页居中 内蒙古11选五开奖5号的 www.phlmy.com</title>
<style>
#warp{margin:0 auto;width:980px}
#header{ background:#CCC; height:120px}
#cent{ background:#F5F5F5; height:500px}
#footer{ background:#333; height:180px; color:#FFF}
</style>
</head>
<body>
<div id="warp">
<div id="header">网页头部</div>
<div id="cent">网页中间内容</div>
<div id="footer">网页底部</div>
</div>
</body>
</html>

浏览器中运行代码,可以看见网页居中的,同时主体网页内容宽度为980px。虽然头部、内容、底部区域没有设置宽度,没有设置居中,但因为外层还有一个<div id=warp></div>设置宽度和居中,所以网页HTML整体实现居中。

不知道是否为最外层DIV怎么解决居中?
1、主体内容固定宽度相同的,可以在<body>后,</body>前加一个div,对其设置宽度和margin:0 auto。
2、如果上下结构网页宽度不同,这个时候需要分别不同上下结构设置margin:0 auto样式,或者分别在外加一个div设置需要固定宽度或百分比宽度,和margin:0 auto

相关标签: 居中 布局居中
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/1491.shtml

日期:2018-02-05 14:09:08 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:thinkcss原创

热门点击

  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 董卿白岩松朱广权 看看央视主持人大学就读啥院系 2019-04-16
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2019-04-16
  • 第518期:讨厌萝卜味?它可是抗癌的高手 2019-04-01
  • 这些中药串起来竟然是首诗 知道它们治什么病吗?(图) 2019-04-01
  • 致敬幸福奋斗者:访全国三八红旗手标兵 2019-03-31
  • 2017年我国门诊抗菌药物使用率下降到7.7% 2019-03-29
  • 认为要彩礼是侮辱 男子与妻子结婚不到15分钟就离婚 2019-03-29
  • 续写“八八战略”新篇章 2019-03-28
  • 袁隆平:多养活5亿人是我的梦想研究 水稻 2019-03-28
  • 2018年4月27日划拨国家社科基金项目鉴定费名单(2) 2019-03-24
  • 治脂肪肝不能光靠减肥 2019-03-24