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

发布网友 发布时间：2022-04-06 12:06

我来回答

共6个回答

热心网友 时间：2022-04-06 13:35

　　height用来表示容器的高度，line-height 用来表示，这一容器内的每行文字的高度。
　　所有主流浏览器都支持这两个属性。
　　height 这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。
　　line-height该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

热心网友 时间：2022-04-06 14:53

height:是容器的高，必须是块级标签才有校，行级标签需要设置display后才能有效。
line-height:这个是行高，比如div这个块级标签，你是设置height:500px;就是div的高为500px;
设置line-height:100px;这样这个div你写文字只能写5行，5*100为500
明白了吧？

热心网友 时间：2022-04-06 16:28

1：前者用来表示容器的高度，后者用来表示，这一容器内的每行文字的高度
如：height一般用来表示，设置这一容器的高度。
一般来说，如果是要设置文字行距和居中显示，都会带上line-height:40px;font-size:20px;
这样的话，就相当于文字大小 20px，文字行间距离也有20px了。

热心网友 时间：2022-04-06 18:19

height是指容器本身的高度；

line-height是指容器内部元素上下直接的行间距，一般用于文字排版；
当height高度与line-height行高相等时，容器中的单行文本，会表现为垂直居中，一般用此方法来达到单行文本垂直居中的目的。

热心网友 时间：2022-04-06 20:27

height 是元素的高度 line-height 是文本的高度 如果元素只有 line-height属性 当元素内没有文本时元素高度就是0

热心网友 时间：2022-04-06 22:52

块内布局规则

块内height为auto时，高度为块内行框累加高和其内普通流块高之和
块内height为非auto时，块高为 height 指定高度

块内行框布局（行内布局）规则

每一个行内元素会产生一个行内框；
行内框会在行框内横向排列；
'line-height' 特性值指定了每个行内非替换元素生成的行内框的 确切 高度；行内替换元素的高度由 'height' 特性值决定；
文字在行内框中垂直排列，上下空隙用半差异填补；如果字号大于行内框则文字从上下方向上溢出行内框，并可能渗入到其他行框内（行框是永远不会重叠的）；
'vertical-align' 特性值指定了每个行内框的垂直对齐方式；
行框的顶边界是这一系列垂直对齐的行内框最高的顶边框，底边界是最低的底边框。
行框的高度是顶边界到底边界的距离。
所以 line-height 是决定行框高度的因素之一
而 height 只是决定包含块高度