[CSS]不同浏览器对"居中"的解释是不同的

如果容器的宽度是奇数的,容器内的对象宽度是偶数的,奇数-偶数=奇数;或者容器的宽度是偶数,容器内对象的宽度是奇数,偶数-奇数=奇数.那么在这两种情况下,不同的浏览器对于"居中"的解释是不同的.
  这里的不同具体是指:对于容器内除去对象宽度后,剩下的奇数宽度再拿来左右平均分配,很显然像素没有0.5个像素的,因此浏览器要进行四舍五入的取舍,如果左边舍了,右边就要入,那么就存在有的浏览器左边舍,有的右边舍.
  为什么要弄清楚这个问题呢,例如存在下面的情况:一个容器内有上下两个图片,上下图片的宽度是不一样的,且上面的图片宽度会导致容器剩余宽度取舍,此时我们要的效果是两幅图片组合成一个完整的画面,也就是传统的切图之后重新组合,那么如果对此时的上图进行居中,下图用"margin"定位,问题就会出现了:在IE6、IE7、IE8、FireFox四个浏览器中就会出现有的画面显示是成功的,有的则有1个像素的错位.究其原因,就是本文最开始所提到的原因.
  如何解决此问题?解决的方法就是如果有成对或成群的图片需要"组合",则最好不用居中的处理方法,而用更加让人"放心"的"margin"或"padding"定位.
  不知各位是否看明白了此文,不过没关系,如果当你也遇到了此类问题不妨再回来看看此文,那时或许就会有同感.

上一篇: 刘德华 Wonderful World 演唱会2009.04.01佛山站
下一篇: 买房
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSS 浏览器 居中 解释 不同
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
song
回复回复song[2010-12-13 16:48:22 | | | del | 取消审核]
[ 正在加载评论信息,请稍候... ]
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.