Html 当td有文本时，如何最小化td高度？

我需要的是一个14px的文本，在一个16px的td（高度）内。 当我试着用一个空的td来做这件事时，这是可行的，但是当我输入一些文本时，td会自动获得20px的高度。这留下了一个2倍的顶部和底部边缘，我不想要

html:

<table>
<tr><td>09:00 - 12:00</td><td>09:00 - 12:00</td></tr>
<tr><td>09:00 - 12:00</td><td>09:00 - 12:00</td></tr>
</table>

这是结果（20px td高度）：

但这正是我想要的（16px td高度（用油漆修改））：

---

有什么想法吗？

你可以把文本放在一个div上，给div一个16px的高度

你可以把文本放在一个div上，给div一个16px的高度

把高度：16px改为行高：13px，这会减少TD内的空间。

把高度：16px改为行高：13px，这将减少TD内的空间。

您只需设置

行高

，以匹配

字体大小

，即

行高：14px

table {
    border-collapse: collapse;
}
td {
    background-color: #5589DC;
    color: white;
    font-family: Calibri;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid black;
    height: 16px;
}

---

您只需设置

行高

以匹配

字体大小

，即

行高：14px

table {
    border-collapse: collapse;
}
td {
    background-color: #5589DC;
    color: white;
    font-family: Calibri;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid black;
    height: 16px;
}

---

你能做一个吗？当然，我通过@Juanín帮助解决了它：你能做一个吗？当然，我通过@Juanín帮助解决了它：