IE下中英文不对齐的原因和解决办法
为了能够兼容 IE6 和 IE8,我对模版再次进行了大修,过程无比惨烈。IE6 下莫名其妙的偏移,真让人恶心。偏偏 IE6 在国内的市场占有率高达 64%(cnzz 在09年12月的统计结果)。苟全性命于乱世,只求友好于用户,迫于无奈,奸荣之。(没有错别字哦 )经过耐心的调整,这匹烂马终于给驯服了。在这过程中,IE 的中英文不对齐的问题尤其恼火。现在就和大家分享一下我找到的问题原因和解决办法。
我发现的文字不对齐有3种情况:
(一)当中英文对象的相邻元素加有vertical-align属性时。
原因分析:一般的按钮文字前面会带有一个小图片,图片、文本框和文字放在一起时,垂直方向会不对齐,我们会加上vertical-align:middle来使它们垂直对齐。这时,会出现下图所示的情况:
图1