2

テーブル(特にカレンダー)があります。どの日付にも何も書き込まれていないときにカレンダーが見苦しくならないようにしたいので、セルの最小サイズをフォントの高さの 4 倍に等しくしたいと考えています。(つまり、何も入っていないカレンダー行と 4 行のテキストがあるカレンダー行がある場合、それらを同じサイズにしたいのです)。

どこでも使用すると言われています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 の font-size を選択した場合は、line-height も割り当てる必要があります。たとえば、12pt のフォント サイズで 18px の行の高さが必要な場合:

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

em や px などの単位を使用して行の高さを指定しないように注意してください。これはフォント サイズの乗数になるからです。行の高さは 18px になり、ems を使用する場合は 1.5em になります。ここで、4 行の高さを割り当てたい場合は、6em を使用します。

于 2009-01-20T23:40:29.923 に答える