height和line-height的区别

A了LONE

已于 2022-09-19 20:09:41 修改

阅读量243

点赞数

文章标签：前端 javascript 开发语言

于 2022-07-20 20:14:38 首次发布

本文链接：https://blog.csdn.net/qq_53701739/article/details/125899777

版权

本文介绍了CSS中height和line-height两个属性的区别。height属性定义元素的高度，并且是固定不变的；而line-height则决定了文本的行间距，当内容换行时，元素高度会随行数增加。理解这两个属性对于网页布局至关重要。

摘要由CSDN通过智能技术生成

height是一个不变值，line-height是活值（给元素高度是，行数X行高）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>	
		height的元素的高度值，height是一个死值，设置高度就是那个高度不会变
		line-height是每行文字的高，如果文字换行，盒子增大（行数X行高）
		
		height是一个死值，line-height是活值（给元素高度是，行数X行高）
	</body>
</html>