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相同,意味着这行文字在元素中垂直居中(但仅限文字,且只能一行)。

min-height就是你的层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。

max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。

line-height是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%;就是让行高是文字大小的两倍。

height英[haɪt]美[haɪt]

n.身高高度,海拔高地绝顶,顶点

[例句]Her weight is about normal for her height

按她的身高,她的体重基本正常。

[其他]复数:heights