如何强制我的标题表行与其他表行的高度相同？

Question

我希望我的所有行，甚至我的表标题行都是相同的高度。我把它添加到我的样式表

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

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

Answer 1

请给你与td相同的填充：

padding: 12px;

或：

padding: 12px 0; // top and bottom

对于您的项目：

th {    
   padding: 12px 0;
}

如果您想让背景更小，请使用margin：

margin: 12px;

或：

margin: 12px 0; // top and bottom

对于您的项目：

th {    
   margin: 12px 0;
}

Answer 2

＆＃34; min-height＆＃34; css并没有真正做很多事情，它对响应式设计更有用。您可以设置绝对高度，最大高度，或增加填充。

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