用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。