首页前端开发CSS谷歌浏览器中布局不居中

谷歌浏览器中布局不居中

时间2024-05-22 23:36:04发布访客分类CSS浏览98
导读:在此外阅读器中DIV构造网页均是居中,但网页主体模式在谷歌浏览器中构造却靠左,不有居中。 网页构造靠左成效截图 在IE6\IE7\IE8等涉猎器中网页结构是居中的,但在google浏览器(Google Chrome)等涉猎器中布局靠左...

在此外阅读器中DIV构造网页均是居中,但网页主体模式在谷歌浏览器中构造却靠左,不有居中。


网页构造靠左成效截图

在IE6\IE7\IE8等涉猎器中网页结构是居中的,但在google浏览器(Google Chrome)等涉猎器中布局靠左闪现,没有居中。扩大阅读:css翰墨居中

用意这个结构兼容问题很容易,我们只必要对最外层DIV布局盒子设置CSS组织居中属性就可。

需要到场CSS代码:


  1. margin:0auto

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


  1. #warp{ width:1000px}

何等盒子在IE浏览器中都邑居中显现,但在有些阅读器额定是谷歌浏览器中将不会居中显示,组织会靠左展现。

这个时辰咱们介入margin:0 auto名堂就可治理全数浏览器中均会居中浮现。


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

这样对象引入对象盒子将会阅读器中居中表现。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 谷歌浏览器中布局不居中
本文地址: https://pptw.com/jishu/665921.html
prometheus安装部署的流程是什么 DedeCMS织梦程序被挂黑链原因及检查方法

游客 回复需填写必要信息