中英文混排版行高不等問題

日期：2013-12-13  來源：攀枝花惠康網絡公司

淘寶采用的是第一種體例?。。?！

缺陷：使用tahoma字體時，在ie6及ie6以下版本，會導致所有中文字體鏈接的下劃線會呈現與字體粘連現象。淘寶使用的也是這一解決方案。相信年夜型項目，分歧的人來配合完成一個頁面的模塊時，在統一的規范下，使字體更規范，削減錯位，而采用帶有下劃線會呈現與字體粘連的tahoma字體，是值得的

以下是帶同年夜米童鞋 發現的。

根基上快被這個問題搞瘋了，癥狀如下

癥狀描述：在ie下（6或7，8沒有試過）當呈現中英文混排，都采用默認字體時，并使用 li 列表做float時，會呈現如上圖的癥狀，文字枚舉上下不合錯誤齊的情形。影響了卻構的美不美觀性，造成上圖情形的原因是中英文的文字基線分歧，arial字體的下邊緣要比宋體（同為12號）低一個象素，上邊緣比宋體矮兩個象素，而且英文還有i,y這種上下基線分歧的情形。所以傍邊英文混排對齊時，就會呈現較著的高度差異，使排版不均?？梢姺拍暌箞D。

中英混排，純中文組合的行高都一致了，但a在hover狀況下 下劃線與中文粘聯在一路

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

可以解決文字枚舉不合錯誤齊的情形，但宋體英文字是襯線字體（Times New Roman即是英文中的襯線字)，裝臚爵湊，細節較多，枚舉在一路很精明，但在持續成文時，輕易造成辨識困繞，看錯行的情形。關于襯線字體的優錯誤謬誤，請見這篇文章。對比之下，暗示英文仍是使用無襯線字體更美不美觀細膩。

解決體例一 “餃子”童鞋的 發現。

英文采用tahoma字體