网页设计技巧-网页中英文混排行高问题

面对这个问题，许多人已经近乎崩溃。在Internet Explorer（尤其是版本6或7）下，中英文混排时的字体问题确实让人头疼。当使用默认的 li 列表进行 float 操作时，会出现文字排列上下不对齐的尴尬情况，严重影响了网页布局的美观性。

这种情况的根源在于中英文的文字基线存在差异。以Arial字体为例，其下边缘要比宋体低一个像素，上边缘则低两个像素。更棘手的是，英文中的某些字母，如i和y，其上下基线并不统一。当中英文混排并尝试对齐时，就会出现明显的高度差异，导致排版不均。

有一种解决方案是，中英文字均使用宋体。这样可以解决文字排列不对齐的问题。但宋体英文是衬线字体，像Times New Roman一样，字型紧凑，细节丰富。虽然这种字体在单独看时很醒目，但在连续成文的情境下，容易造成辨识困扰，甚至看错行。关于衬线字体的优缺点，这里不再赘述。相比之下，无衬线字体在表现英文时更为美观大方。

在这里要分享两种解决方法：

方法一由“饺子”童鞋发现。他建议英文使用tahoma字体与宋体混排。与arial相比，tahoma的无衬线体更为精致。当使用tahoma字体时，在IE6及其以下版本中存在一个缺陷：所有中文字体链接的下划线会与字体粘连。淘宝也采用了这一解决方案。在大型项目或多人协作的页面中，为了统一规范和减少错位，即使存在这一缺陷，使用tahoma字体仍是值得的。

方法二是由“大米”童鞋发现的。他建议英文使用arial字体，中文使用宋体。在<a>标签内注明line-height:1.231，可以解决行高不等以及字体与下划线粘连问题。但这一方案是否适用于大范围的中英文混排，还需要进一步验证。

在此，我要感谢大米、饺子、YUI以及淘宝的贡献！你们的努力为解决这个问题提供了宝贵的思路和方法。对于这个问题，我们期待有更完美的解决方案出现。

无论是哪种方法，都需要我们根据实际情况进行选择和调整。在网页设计中，保持字体的一致性和美观性至关重要。希望通过大家的努力，能够找到一个既美观又兼容各种浏览器的解决方案。