用CSS字体大小表格单元高度

Question

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

到处都说要使用em。不过，我尝试使用4em我12pt字体，它是无处接近：

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

我算完全像素，和我使用的特定字体的，字型，

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

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

想了解更多，我确定em单元正确告诉我字体的高度。它只是不考虑行间距或填充或其他任何其他类型。有没有办法做到这一点呢？

Answer 1

你必须考虑到你的行高倍数。对于你的td元素，如果你选择12pt的字体大小，你还必须分配一个行高。例如，如果你想要的18像素的直线高度与12磅字体大小：

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

只要保证不使用单位像EM或PX到指定的line-height，因为它是一个乘数你的字体大小。 你的行高现在是18px，或者如果你想使用ems，1.5em。现在，如果你想分配四行高度，你可以使用6em。