ヘッダーテーブル行を他のテーブル行と同じ高さにするにはどうすればよいですか？

Question

テーブルヘッダー行でさえ、すべての行を同じ高さにします。私は自分のスタイルシートにこれを追加

#currencyTable tr { 
    text-align: left; 
    min-height: 30px; 
} 

しかし、あなたは私のバイオリンを見れば - https://jsfiddle.net/4qmmeqsk/、あなたはヘッダ行は（少なくともそれは同じ持っていない他の行と同じ高さではありませんわかりますパディング）。ヘッダー行を他のテーブル行と同じ高さにするにはどうすればよいですか？

Answer 1

ただ、TDと同じパディング番目のあなたを与える：あなたは小さな背景を維持したい場合は

th {  
    padding: 12px 0; 
} 

：

padding: 12px; 

か：あなたのプロジェクトのために

padding: 12px 0; // top and bottom 

、使用マージン：

margin: 12px; 

か：あなたのプロジェクトのために

margin: 12px 0; // top and bottom 

：

th {  
    margin: 12px 0; 
} 

Answer 2

"のmin-height" CSSは本当に何の多くを行っていない、それが応答性の設計のために、より便利です。絶対高さを設定するか、最大高さを設定するか、またはパディングを増やすことができます。

#currencyTable tr,th { height: 30px; max-height: ...px; }