中英文混排版行高不等问题

日期：2013-12-13  来源：攀枝花惠康网络公司

淘宝采用的是第一种体例！！！！

缺陷：使用tahoma字体时，在ie6及ie6以下版本，会导致所有中文字体链接的下划线会呈现与字体粘连现象。淘宝使用的也是这一解决方案。相信年夜型项目，分歧的人来配合完成一个页面的模块时，在统一的规范下，使字体更规范，削减错位，而采用带有下划线会呈现与字体粘连的tahoma字体，是值得的

以下是带同年夜米童鞋 发现的。

根基上快被这个问题搞疯了，症状如下

症状描述：在ie下（6或7，8没有试过）当呈现中英文混排，都采用默认字体时，并使用 li 列表做float时，会呈现如上图的症状，文字枚举上下不合错误齐的情形。影响了却构的美不美观性，造成上图情形的原因是中英文的文字基线分歧，arial字体的下边缘要比宋体（同为12号）低一个象素，上边缘比宋体矮两个象素，而且英文还有i,y这种上下基线分歧的情形。所以傍边英文混排对齐时，就会呈现较着的高度差异，使排版不均。可见放年夜图。

中英混排，纯中文组合的行高都一致了，但a在hover状况下 下划线与中文粘联在一路

采用中英文字均使用宋体的方案

可以解决文字枚举不合错误齐的情形，但宋体英文字是衬线字体（Times New Roman即是英文中的衬线字)，装胪爵凑，细节较多，枚举在一路很精明，但在持续成文时，轻易造成辨识困绕，看错行的情形。关于衬线字体的优错误谬误，请见这篇文章。对比之下，暗示英文仍是使用无衬线字体更美不美观细腻。

解决体例一 “饺子”童鞋的 发现。

英文采用tahoma字体