面试官:请你说说line-height的了解
我:(这不是送分题吗?看我上上下下左左左右右秀他!)line-height是设置字体行高的一个css属性,通常我们可以用它去使字体垂直居中对齐。然后子元素还可以继承父元素的line-height。
面试官:那假设我有一个父元素father,字体font-size为23px,然后行高为10px,那么我子元素的line-height是多少?
我:(这还不简单!我戏耍之)子元素的字体高度为10px
面试官:那要是不是10px,是0.5呢
我: 也还是0.5
面试官:那如果是百分比呢?
我:也是百分比!
面试官:回去等通知吧!
我:怎么回事?这字体高度不该还是继承父元素的高度吗?我是joker!
总结:
字体高度虽然是继承父元素的字体高度,但是如果是百分比的值的话,子元素继承的就是父元素字体高度*字体大小.这有时候在项目开发中也容易搞混淆的。