内蒙古快三走势图所有:让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原创

热门点击

  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 衡阳日报社副社长周卫国祝贺人民日报创刊70周年 2019-04-27
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 广西快乐双彩开奖时间 168澳洲幸运10开奖网 p3试机号查询近10期 吉林快三单双大小规律 福彩3d预测 20选5有多少种组合 山东时时彩开奖走势图 草居士大乐透预则 六合特码资料 35选7兑奖 金彩吧特彩吧高手吧 专家预测4场进球彩 广西快3 广西快乐双彩开奖30期 平特公式网论坛