IE6/7下划线对不齐bug

这篇帖子《关于IE下英文字体跟中文字体不能对齐的根源以及解决办法》说的已经很详细了，不过不止中英文混合才会出现这个bug，比如《Internet Explorer: Broken Underlines》。

影响到中英文的不对齐:

1.当中英文对象的相邻元素拥有vertical-align属性设置（比如前面一张小图片，或者文本框，我们需要把他们垂直对齐，一般都会给图片，文本框（其他任意内联块元素）设置vertical-align:middle;来实现）

2.父元素（表格除外）拥有vertical-align属性

解决方法一般有以下几种：

1. 对下划线元素使用宋体，缺点是宋体的英文数字比较难看，我个人也比较鄙视这种做法
2. 触发下划线元素的hasLayout，缺点是inline元素会变成inline-block元素，折行时会整块掉下来
3. 使下划线元素浮动，缺点是inline元素变成block元素，而且还要清除浮动
4. 去除下划线元素相邻元素（相邻元素的子元素或父元素等等）的vertical-align（或重写为baseline），垂直居中用position:relative结合top来实现

在使用inline-block元素做sprite容器时经常会遇到这个问题，2、4是比较好的方案，记得要分清楚使用场合哦~