Mah*_*ahi 5 html javascript css
所以只能有两种可能。
1) 如果 line-height 是两行之间的高度，那么一行的 line-height 是多少？
2）如果行高是行高，那么如果我将行高设为 0，那么什么都不应该是可见的，对吗？但正如您在 line-height 0 之后的示例中所见，内容是可见的。
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 0;
}
</style>
</head>
<body>
<p>
First Line First Line First Line First Line First Line<br>
Second Line Second Line Second Line<br>
Third Line Third Line <br>
</p>
</body>
</html>那么哪一个是正确的？
正确答案是第二个（部分！！）：line-height属性是每个文本行的高度，但是如果行的内容溢出它，这将不会被隐藏，因为默认情况下，html元素不会隐藏溢出的内容它的容器。
如果您添加，overflow: hidden您将有证据证明这一点。
.sampleText {
font-size: 24px;
line-height: 12px;
overflow: hidden;
}<p class="sampleText">This is a Sample Text!!</p>正如您所看到的，line-height参考行高，当我们添加 时，其余文本被隐藏overflow:hidden。如果overflow: hidden缺少 ，则文本的所有元素都将具有 html 的默认属性：overflow:visible。
如果line-height属性值大于font-size，文本将垂直居中对齐，如下一个示例所示。
.sampleText {
font-size: 24px;
line-height: 40px;
background-color: sandybrown;
}<p class="sampleText">This is a Sample Text!!</p>| 归档时间： |
|
| 查看次数： |
1901 次 |
| 最近记录： |