对line-hight和hight的使用
行高line-height,是文本行基线这件的距离,不是字体大小,它确定了各个元素框的高度增加或减少多少。
对于块级元素:定义了元素中文本基线之间的最小距离。
line-height并不影响替换元素的布局,但是确实可以应用到替换元素。
行间距:line-height - font-size
定义font属性的时候,用户代理会自动会生成一个line-height。
浏览器 | FF | ||||||
字体大小(font-size) | 12px | 13px | 14px /15px | 16px | 18px | 20px | 22px |
行高(line-height) | 17px | 19px | 20px | 21px | 24px | 27px | 30px |
浏览器 | Chrome | ||||||
字体大小(font-size) | 12px | 13px | 14px /15px | 16px | 18px | 20px | 22px |
行高(line-height) | 17px | 19px | 20px | 21px | 24px | 27px | 30px |
浏览器 | IE9 | ||||||
字体大小(font-size) | 12px | 13px | 14px | 16px | 18px | 20px | 22px |
行高(line-height) | 15.8px | 17.2px | 18.5px | 21.2px | 23.8px | 26.4px | 29px |
浏览器 | 360 | ||||||
字体大小(font-size) | 12px | 13px | 14px /15px | 16px | 18px | 20px | 22px |
行高(line-height) | 17px | 19px | 20px | 21px | 24px | 27px | 30px |
在inline元素中,不是文字撑开了div的高度,而是line-height!
学透前端行业所有技术,玩遍北京周边所有城市。然后我会回到那个生我养我的地方,因为有亲人的地方才是家。