Inadvertently found that, for the same HTML markup, the CSS in the same time when the font and Line-height attributes, you have to be careful, the two are written in a different order, resulting in a difference in the display effect.
That
>>> If you write the font first, then write Line-height, the display effect is normal
>>> If you first write line-height, then write the font, then the line-height definition of the effect will be lost, in IE, Firefox, opera under the occurrence of this bug
For specific results, see the following code:
<p>h1:</p> <p style= "background: #f00; margin:5px 0;font:bold 20px song body, Geneva,arial,sans-serif; line-height:40px; " >iecn.net-Focus on web technology, experience development fun! </p> <p style= "background: #f00; margin:5px 0;line-height:40px;font:bold 20px Arial, Geneva,arial,sans-serif;" >iecn.net-Focus on web technology, experience development fun! </p> <p>div:</p> iecn.net-Focus on web technology, experience development fun! Iecn.net-Focus on web technology, experience development fun!
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
