I believe many friends in the writing of CSS will encounter this problem: the English alphabet and Chinese characters are not the same as the line, resulting in the full Chinese characters, all English letters and Chinese characters mixed with the margin or padding attributes set in the deviation.
Of course, this situation exists in IE browser, Safari, Google Chrome, Firefox, opera, there is no similar problem.
Causes of the production:
1, when the whole Chinese character:
The general situation in the selected text can be seen that the Chinese characters are on the alignment (the specific expression is the selected font, from the background appears to be a part of the following, in the CSS terminology is produced by the Padding-bottom attribute, in order to explain the problem is to say that there is padding attribute bar).
2, the full English alphabet when:
Similar to the whole Chinese character in the case of full English is the next alignment, there will be similar padding-top properties. The line height is the same regardless of whether it is a full Chinese character or a full English language.
3. Mixed Letter Chinese characters:
But if you mix the characters and the English letters together, you can see the difference, and then check all the fonts to see that this is the filler is padding=padding-top+padding-bottom, That is, there will be more than a padding-top (or Padding-bottom), the general font in the case of 12px, the more out of the part is probably 2px.
Workaround:
To change the font:
Originally wanted to use line-height fixed, but line-height is the baseline of each line and the distance between the baseline, and because the Chinese character baseline and the English letter is different, so it does not work, and if it is used as a navigation menu only one row is not useful.
so only from the font up and down hand, there is really a font to solve this problem, the font is "SimSun", "SimSun" is the legendary "song Body", in the Windows font folder "song body" filename is "SimSun", his brother " Simhei "is usually called" blackbody ".
So, the solution is to set the font-family "SimSun", which may lose some effect, there is no way if anyone has a better solution can be in the comments on the advice. to learn more about CSS Tutorials , please log in to E mentor Web.
How to solve the problem of CSS in the display line high