首先描述一下問題:
當一行文字同時有英文跟中文的時候,鏈結下劃線就會發生折行,也就表示這個時候中英文是沒有對齊的! 但是經過測試,預設的直接在頁面裡設定鏈結的時候是不會出現這個情況的!
那麼疑惑又來了,是什麼導致了中英文偏差呢?解決辦法又是什麼呢?
1、當中英文物件的相鄰元素擁有vertical-align屬性設定(比 如前面一張小,或者文字框,我們需要把他們垂直對齊,一般都會給,文字框(其他任意內聯塊元素)設定vertical-align:middle; 來實現)的時候,那麼就會影響到中英文的不對齊。
2、就是父元素(**除外)擁有vertical-align屬性設定的時 候,裡面的子元素中英文也會對不齊。
怎麼解決這個問題呢?!
先說第一種,就是臨近元素 的vertical-middle導致的無法對齊的偏差問題解決方案:給中英文 物件加 乙個zoom:1觸發它的haslayout,通過研究發現一旦它有了haslayout之 後,中英文就不會對不齊。
第二種情況就是父元素 的vertical-middle導致的無法對齊的偏差問題解決方案:給中英文 物件加句vertical-align:baseline就 可以解決了!
如果您碰到其他情況的中英文對不齊的情況,那麼也可以嘗試使用上述兩種方法來解決。
當然最保險最有效的莫過於就是直接中英文都統一使用宋體。
ie6裡中英文無法上下對齊
首先描述一下問題 當一行文字同時有英文跟中文的時候,鏈結下劃線就會發生折行,也就表示這個時候中英文是沒有對齊的!但是經過測試,預設的直接在頁面裡設定鏈結的時候是不會出現這個情況的!那麼疑惑又來了,是什麼導致了中英文偏差呢?解決辦法又是什麼呢?1 當中英文物件的相鄰元素擁有vertical align...
ie6裡中英文無法上下對齊
首先描述一下問題 當一行文字同時有英文跟中文的時候,鏈結下劃線就會發生折行,也就表示這個時候中英文是沒有對齊的!但是經過測試,預設的直接在頁面裡設定鏈結的時候是不會出現這個情況的!那麼疑惑又來了,是什麼導致了中英文偏差呢?解決辦法又是什麼呢?1 當中英文物件的相鄰元素擁有vertical align...
div中英文無法自動換行的解決辦法
在乙個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。但是,如果輸入的是英文本母,那麼,無論你div設定寬度為多少,英文本母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。原因 這是因為div中,英文本母之間沒有空格的話,它會預設認為這是乙個英文單詞...