中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > IE下中英文字體不能對齊原因及解決
標(biāo)記語言——為文字指定樣式 回到列表 什么是Semantics?
 IE下中英文字體不能對齊原因及解決

作者:yhz7155 時間: 2008-08-11 文檔類型:原創(chuàng) 來自:藍(lán)色理想

如果不是因為總監(jiān)審查嚴(yán)格,一定要求這個細(xì)節(jié)解決掉,也許我也不會去深究根源性的解決辦法,再此感謝MTIME負(fù)責(zé)而嚴(yán)格的同事。

首先描述一下問題:

如果所示,在IE下當(dāng)一行文字同時有英文跟中文的時候,鏈接下劃線就會發(fā)生折行,也就表示這個時候中英文是沒有對齊的!(FIREFOX不受此問題影響)

但是經(jīng)過測試,默認(rèn)的直接在頁面里設(shè)置鏈接的時候是不會出現(xiàn)這個情況的!

代碼拷貝框

[Ctrl+A 全部選擇 然后拷貝]

查看效果

那么疑惑又來了,是什么導(dǎo)致了中英文偏差呢?!解決辦法又是什么呢?!于是經(jīng)過我測試發(fā)現(xiàn)兩種情況(當(dāng)然有可能有更多導(dǎo)致的情況。你們可以自己去嘗試),當(dāng)中英文對象的相鄰元素?fù)碛衯ertical-align屬性設(shè)置(比如前面一張小圖片,或者文本框,我們需要把他們垂直對齊,一般都會給圖片,文本框(其他任意內(nèi)聯(lián)塊元素)設(shè)置vertical-align:middle;來實現(xiàn))的時候,那么就會影響到中英文的不對齊。

還有一種情況就是父元素(表格除外)擁有vertical-align屬性設(shè)置的時候,里面的子元素中英文也會對不齊。

代碼拷貝框

[Ctrl+A 全部選擇 然后拷貝]

查看效果

怎么解決這個問題呢?!

先說第一種,就是臨近元素的vertical-middle導(dǎo)致的無法對齊的偏差問題解決方案:

給中英文對象加一個zoom:1觸發(fā)它的haslayout,通過研究發(fā)現(xiàn)一旦它有了haslayout之后,中英文就不會對不齊。

代碼拷貝框

[Ctrl+A 全部選擇 然后拷貝]

查看效果

第二種情況就是父元素的vertical-middle導(dǎo)致的無法對齊的偏差問題解決方案:

給中英文對象加句vertical-align:baseline就可以解決!

代碼拷貝框

[Ctrl+A 全部選擇 然后拷貝]

查看效果

但是我們可以看到,下劃線好像貼的過緊,這個時候我們依然還需要給它加句zoom:1;觸發(fā)它的hasLayout來避免過緊貼合!。

代碼拷貝框

[Ctrl+A 全部選擇 然后拷貝]

查看效果

如果您碰到其他情況的中英文對不齊的情況,那么也可以嘗試使用上述兩種方法來解決。當(dāng)然最保險最有效的莫過于就是直接中英文都統(tǒng)一使用宋體。

經(jīng)典論壇交流
http://bbs.blueidea.com/thread-2878142-1-1.html

本文鏈接:http://www.95time.cn/tech/web/2008/6085.asp 

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
多IE版本共存——IETester
三維正方體(兼容ie/ff)
3pxbug IE、FF解決方案
讓FF和IE離得更近
JS的IE和FF兼容性問題匯總
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2