2

我有一张桌子（特别是日历）。当任何日期都没有写入任何内容时，我想让日历看起来不难看，所以我希望单元格的最小大小等于字体高度的四倍。（也就是说，如果我有一个没有任何内容的日历行，以及一个包含四行文本的日历行，我希望它们的大小相同）。

到处说用em。但是，我尝试使用4em我的12pt字体，但离我很近：

td.day {
    padding: 2px;
    font-size: 12pt;
    width: 14.3%;
    height: 4em;
    vertical-align: top;
}

我精确地计算了像素，以及我正在使用的特定字体的 12pt 字体，

font-family: verdana, arial, "sans-serif";

有一个height。22px这不是很灵活，但是......有没有更好的方法来做到这一点？

再想一想，我确信该em单位正确地告诉我字体的高度。它只是没有考虑行间距或填充或其他任何类型的东西。有没有办法做到这一点？

4

1 回答 1

2

你必须考虑你的线高乘数。对于您的 td 元素，如果您选择 12pt 的字体大小，则还必须指定行高。例如，如果您想要 18px 的行高和 12pt 的字体大小：

td.day {
    font-size: 12pt;
    line-height: 1.5;
}

请确保不要使用像 em 或 px 这样的单位来指定行高，因为它是字体大小的乘数。你的 line-height 现在是 18px，或者如果你想使用 ems，1.5em。现在，如果你想指定四行的高度，你会使用 6em。

于 2009-01-20T23:40:29.923 回答