html - 当 td 有文本时如何最小化 td 高度？

Question

我需要的是一个 14px 的文本，在 16px td(高度)内。 当我尝试用一​​个空的 td 来做时，这是可行的，但是当我输入一些文本时，td 会自动采用 20px 的高度。这留下了我不想要的 2px 顶部和底部边距。

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>

CSS

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

这是结果(20px td 高度):

但这就是我想要的(16px td 高度(用油漆修改)):

有什么想法吗？

Answer 1

将 height:16px 改为 line-height:13px，这样会减少 TD 内的空间。