line-height和height

Posted xiaobo-home

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了line-height和height相关的知识,希望对你有一定的参考价值。

1、定义不同:line-height是行高的意思,height则是定义元素自身的高度。

2、表示意义不同: line-height用来表示容器的高度,height用来表示这一容器内的每行文字的高度。

3、使用范围不同:line-height只针对行元素,height针对其他所有元素。

4、针对对象不同:line-height一般针对字体来设置,如果一行文字在DIV里面,且行高等于高度的话,则文字会垂直居中。heigh一般用来设置文字外围的DIV容器。

5、height是对于某个框架或者图片来弄的。line-height用于文字,如果要实际效果你可以写一段文字,分好几行,然后对它做line-height属性,就会注意到变化了。

 

以上是关于line-height和height的主要内容,如果未能解决你的问题,请参考以下文章

vertical-align 和line-height

line-height和height

line-height系列——定义和工作原理总结

深入理解vertical-align和line-height的关系

line-height和font-size的缩写形式

line-height 和 vertical-align 行高与行对齐精解 (图文)转文