css如何解决网页不居中问题

这篇文章将为大家详细讲解有关css如何解决网页不居中问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联专注于网站建设,为客户提供成都网站设计、成都网站制作、网页设计开发服务,多年建网站服务经验,各类网站都可以开发,成都品牌网站建设,公司官网,公司展示网站,网站设计,建网站费用,建网站多少钱,价格优惠,收费合理。

div+css机关网页在谷歌阅读器中组织不居中启事和用意办法?

在其它阅读器中DIV机关网页均是居中,但网页主体形式在谷歌涉猎器中机关却靠左,没有居中。

css如何解决网页不居中问题
网页结构靠左成效截图

在IE6\IE7\IE8等浏览器中网页结构是居中的,但在google阅读器(Google Chrome)等阅读器中机关靠左展示,没有居中。缩减阅读:css笔墨居中

经管这个布局兼容问题很容易,我们只须要对最外层DIV机关盒子设置装备摆设CSS机关居中属性就可。

重要插足CSS代码:

margin:0 auto

EXP 假定本来最外层CSS定名为“#warp”,CSS宽度为1000px的对象。

#warp{width:1000px}

何等盒子在IE浏览器中都市居中透露表现,但在有些浏览器分外是谷歌阅读器中将不会居中闪现,机关会靠左表示。

这个时分我们介入margin:0 auto样式就可整治全数阅读器中均会居中显露。

#warp{width:1000px;margin:0 auto}

关于“css如何解决网页不居中问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


文章名称:css如何解决网页不居中问题
文章链接:http://hbruida.cn/article/geisjp.html