7.08日音訊,解決中、英文行高差異的方法,如果大家只做中文網(wǎng)站那這個現(xiàn)象是發(fā)現(xiàn)不了的,因為中文的行高的賦值都是一樣的,只有當(dāng)我們做幾次英文網(wǎng)站的時候就會發(fā)現(xiàn)它們是有一些細(xì)節(jié)上的差異,那么針對這些不同有什么更好的辦法呢?難道我們一籌莫展嗎?答案當(dāng)然是否定的,現(xiàn)在
邯鄲網(wǎng)站建設(shè)首創(chuàng)網(wǎng)絡(luò)小編來給大家說一下,它們的差異和解決的技巧問題。
英文字母和漢字的行高不一樣,導(dǎo)致在全漢字、全英文字母以及漢字字母混合時設(shè)置好的margin或padding屬性出現(xiàn)偏差…當(dāng)然這種情況之存在于IE瀏覽器,Safari、GoogleChrome、Firefox、Opera均不存在類似的問題
產(chǎn)生的原因:
全漢字的時候:
一般情況在選中文本可以看出漢字是上對齊的(具體表現(xiàn)是選中字體,從背景上看上去下面多了一部分,用css術(shù)語講就是產(chǎn)生了padding-bottom屬性,為了說明問題暫且就說存在padding屬性吧)。
全英文字母的時候:
類似于全漢字在全英文的情況下是下對齊,會出現(xiàn)類似padding-top的屬性。不管是全漢字還是全英文這時候的行高是一樣的。
字母漢字混合:
但是如果把漢字和英文字母混合在一起的時候就可以看出來差別了,這時候再選中所有字體就可以看出來這時候是的補(bǔ)白是padding=padding-top+padding-bottom,也就是會多出來一個padding-top(也可以說是padding-bottom),一般字體在12px的情況下,多出來的部分大概是2px。
解決辦法:
更改字體:
本來想使用line-height固定的,但是line-height是每一行的基線與基線之間的距離,又因為漢字的基線和英文字母是不同的,所以起不到作用,再說如果是用作導(dǎo)航菜單只有一行還是沒有用的。
這樣只有從字體上下手了,還真有一種字體可以解決這個問題,這個字體就是“simsun”,“simsun”就是傳說已久的“宋體”,在windows字體文件夾下“宋體”的文件名就是“simsun”,他的兄弟“simhei”就是通常說的“黑體”。
所以,解決辦法就是把font-family設(shè)置成“simsun”,這可能會損失一些效果,當(dāng)然辦法總是無窮盡的,也希望大家和網(wǎng)站制作的相關(guān)的朋友把它們更好的方法發(fā)給我們,來幫助更多的朋友。