想必有些朋友跟我一樣,也常會遇到在頁面顯示上有些鏈接的下劃線是不齊的情況,而且好像好多網站上,甚至是一些公司的Web產品中也是這樣,這種情況主要是一些發生在鏈接中即有中文又有英文字符的情況下,一般是英文字符的下劃線會偏高一些,這樣整體看起來非常難看。
要解決這個問題其實很簡單只需要在你的鏈接樣式中加上一句:
a { font-family: 微軟雅黑,宋體; }
想必大家也猜出來了吧,其實造成這種問題的根本是英文字符的字高與中文字符的字高不一致導致的,那說到底原因主要是因爲大多數朋友會在css 中整體上設置字體的類型:
*{ font-family:Arail, 微軟雅黑,宋體;}
這樣的話:英文字符會首選英文字體,那麼它的高度就會與中文字符不同,那麼問題也就出現了。
另一種解決辦法是將鏈接的下劃線設置爲none,另外再設置它的border-bottom即可:
a{ text-decoration:none; border-bottom:solid 1px #ccc;}
好了,很簡單,希望能對遇到此類問題的朋友有一些幫助。