Google浏览器CSS居中兼容问题完美解决方法
2013-09-10 17:08
441 查看
div做的界面时,又出现CSS hack(CSS兼容浏览器问题)在IE内核浏览器或者firefox浏览器中都能居中,没有居中的可以用其特殊标签来设定居中,如下划线 _ IE6优先识别,!important 仅火狐firefox浏览器识别。可是在谷歌浏览器查看时,就出现兼容Google浏览器的BUG了,无法居中。
现在向样式表中添加两句就能解决问题了。
样式表是这样修改的
现在向样式表中添加两句就能解决问题了。
样式表是这样修改的
.Google-center { width:320px; height:202px; text-align:center ; /*加上了这两句,在谷歌浏览器中就实现了登陆界面的居中了*/ margin-left:auto; margin-right:auto; color:#ff33ff; background-color:#ccffcc; }
相关文章推荐
- div+css浏览器兼容问题解决方法
- CSS解决页面图片水平垂直居中问题的方法
- CSS中div垂直居中(包含解决IE兼容问题)
- 解决CSS 兼容问题的一些方法,转
- 浏览器兼容:Web标准化建站(DIV+CSS)的常见问题解决方法
- 彻底解决Google浏览器CSS居中问题
- CSS垂直居中问题解决方法
- CSS浏览器兼容问题解决方法
- 浏览器兼容:Web标准化建站(DIV+CSS)必看的常见问题解决方法
- 高度和宽度不固定元素水平和垂直居中的实现(父元素高度和宽度固定)(完美解决兼容问题)
- CSS-垂直|水平居中问题的解决方法总结
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- css ul li导航菜单居中问题解决方法
- div+css浏览器兼容问题解决方法
- CSS完美解决垂直居中问题
- 在ie7下css居中样式text-align:center;偏左问题解决方法
- div+css浏览器兼容问题解决方法
- JS模态窗口返回值兼容问题的完美解决方法
- DIV+CSS布局在IE和firefox中常见不兼容问题及解决方法
- ie9不支持line-height_ie9不支持字体垂直居中兼容问题解决篇_IE9中字体不能垂直居中解决方法