婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 網(wǎng)頁中英文混排行高不等問題的解決方法

網(wǎng)頁中英文混排行高不等問題的解決方法

熱門標簽:廣州防封電銷機器人廠家 山東電銷機器人軟件 洛陽防封卡外呼系統(tǒng)廠家 南通電銷外呼系統(tǒng)軟件 上海400電話辦理到易號網(wǎng) 常州電話外呼系統(tǒng)招商 申請400電話移動 成都企業(yè)外呼系統(tǒng) 智能語音電銷機器人客戶端

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

癥狀描述:在ie下(6或7,8沒有試過)當出現(xiàn)中英文混排,都采用默認字體時,并使用 li 列表做float時,會出現(xiàn)如上圖的癥狀,文字排列上下不對齊的情況。影響了布局的美觀性,造成上圖情況的原因是中英文的文字基線不同,arial字體的下邊緣要比宋體(同為12號)低一個象素,上邊緣比宋體矮兩個象素,而且英文還有i,y這種上下基線不同的情況。所以當中英文混排對齊時,就會出現(xiàn)明顯的高度差異,使排版不均。可見放大圖。

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

可以解決文字排列不對齊的情況,但宋體英文字是襯線字體(Times New Roman即是英文中的襯線字),字型緊湊,細節(jié)較多,排列在一起很醒目,但在連續(xù)成文時,容易造成辨識困繞,看錯行的情況。關于襯線字體的優(yōu)缺點,請見這篇文章。相比之下,表示英文還是使用無襯線字體更美觀大方。

解決方法一 “餃子”童鞋的 發(fā)現(xiàn)。

英文采用tahoma字體–宋體,arial及 tahoma字體比較–arial與tahoma的無襯線體比較精致

當中英文混排時,使用tahoma字體的情形

中英混排,純中文組合的行高都一致了,但a在hover狀態(tài)下下劃線與中文粘聯(lián)在一起。

缺陷:使用tahoma字體時,在ie6及ie6以下版本,會導致所有中文字體鏈接的下劃線會出現(xiàn)與字體粘連現(xiàn)象。淘寶使用的也是這一解決方案。相信大型項目,不同的人來共同完成一個頁面的模塊時,在統(tǒng)一的規(guī)范下,使字體更規(guī)范,減少錯位,而采用帶有下劃線會出現(xiàn)與字體粘連的tahoma字體,是值得的

以下是攜同大米童鞋 發(fā)現(xiàn)的

英文采用arial字體,中文使用宋體。可在a>標簽內注明 line-height:1.231,可解決行高不等以及字體與下劃線粘連問題。(不知道大范圍中英文混排適不適用,有待后續(xù)校驗。)

總結:感謝大米,感謝餃子,感謝YUI,感謝淘寶!

標簽:鶴壁 貴州 萊蕪 混顯 賀州 廣安 滄州 邵陽

巨人網(wǎng)絡通訊聲明:本文標題《網(wǎng)頁中英文混排行高不等問題的解決方法》,本文關鍵詞  網(wǎng)頁,中英文,混,排行,高不等,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《網(wǎng)頁中英文混排行高不等問題的解決方法》相關的同類信息!
  • 本頁收集關于網(wǎng)頁中英文混排行高不等問題的解決方法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 石家庄市| 宣汉县| 峨边| 任丘市| 巴林左旗| 海原县| 乌拉特前旗| 宜良县| 普兰县| 辽阳市| 应用必备| 宁陕县| 云霄县| 富平县| 嘉荫县| 汽车| 东台市| 顺平县| 申扎县| 弥渡县| 宁夏| 深水埗区| 嘉兴市| 海城市| 交口县| 中超| 黄骅市| 永胜县| 内黄县| 阿图什市| 鄄城县| 偏关县| 鄄城县| 衡东县| 肥东县| 临猗县| 三门县| 通辽市| 板桥市| 洛浦县| 内乡县|