html - 如何强制我的表头行与其他表行的高度相同？

Question

我希望我所有的行，甚至是表格​​标题行，都具有相同的高度。我将其添加到我的样式表中

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

但是如果你看看我的 fiddle -- https://jsfiddle.net/4qmmeqsk/ ，您会注意到标题行与其他行的高度不同(至少它没有相同的填充)。如何使标题行与其他表格行的高度相同？

Answer 1

只需给您的 th 设置与 td 相同的填充:

padding: 12px;

或:

padding: 12px 0; // top and bottom

对于您的元素:

th {    
   padding: 12px 0;
}

如果你想让背景变小，使用边距:

margin: 12px;

或:

margin: 12px 0; // top and bottom

对于您的元素:

th {    
   margin: 12px 0;
}