CSS 里的 height 属性与 line-height 属性有什么区别

html-css010

CSS 里的 height 属性与 line-height 属性有什么区别,第1张

height是元素自身的高度,line-height则是元素内部文字的行高,比如:

height:100pxline-height:20pxpadding:0

表示具有这个样式的元素的高度为100像素,里面的文字行高为20像素(换句话说就是可以排5行文字),内边距为0(如果不为0则元素的高度会被撑大)。

补充说明一下:如果一个元素的height和line-height相同,意味着这行文字在元素中垂直居中(但仅限文字,且只能一行)。

font-size顾名思义啦,就是一个字符的尺寸。

line-height是一个行框的高,在标准浏览器中行高可以小于文本高,但在IE中最小行高为字符的高。

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

提示:背景应用于由内容和内边距组成的区域。