温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-03-23 13:59:13 来源:亿速云 阅读:306 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关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如何解决网页不居中问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI