網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

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

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

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

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

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

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


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

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

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

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

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

英文采用tahoma字體

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图