数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究高度和行高之间有什么区别？
高度是容器的垂直度量，例如，div 的高度。
行高是 CSS 属性，用于指定行高，即第一行文本顶部到第二行文本顶部的距离。它是两段文字之间的空隙。
示例
你可以尝试运行以下代码来学习高度和行高之间的区别
<!DOCTYPE html>
<html>
<head>
<style>
.height {
height: 20px;
}
.lheight {
line-height: 15px;
}
.lheightbigger {
line-height: 35px;
}
</style>
</head>
<body>
<h2>Height</h2>
<div class="height">
This is demo text. This is demo text.
This is demo text. This is demo text.
This is demo text. This is demo text.
</div>
<h2>Line Height with less space</h2>
<div class="lheight">
This is demo text showing line height example. This is demo text showing line height example.
This is demo text showing line height example. This is demo text showing line height example.
This is demo text showing line height example.This is demo text showing line height example.
</div>
<h2>Normal Text</h2>
<div>
This is normal text.
This is normal text.
This is normal text.
</div>
<h2>Line Height with more space</h2>
<div class="lheightbigger">
This is normal text. This is normal text.This is normal text.
This is normal text. This is normal text.This is normal text.
This is normal text. This is normal text.This is normal text.
</div>
</body>
</html>
更新时间：2020 年 5 月 8 日
2 千次以上浏览
广告