欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

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

网页布局靠左效果
网页构造靠左成效截图

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

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

需要到场CSS代码:


  1. margin:0 auto 

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


  1. #warp{width:1000px} 

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

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


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

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

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52596.shtml