設置每個表格的高度在CSS中可以通過多種方式實現(xiàn)，以下是一些常見的方法：

1、使用height屬性：

- CSS中的height屬性可以用來設置表格的高度，你可以為表格元素指定一個具體的高度值，如height: 200px;，這將使表格的高度固定為200像素。

- 如果你希望表格的高度能夠適應內(nèi)容，可以使用height: auto;，這將使瀏覽器自動計算表格所需的高度。

2、使用min-height和max-height屬性：

min-height和max-height屬性允許你設置表格的***小和***大高度。min-height: 100px; max-height: 300px;將確保表格的高度在100到300像素之間。

- 這些屬性對于響應式設計特別有用，因為它們可以根據(jù)屏幕大小動態(tài)調(diào)整表格的高度。

3、使用百分比高度：

- 你也可以將表格的高度設置為父元素高度的百分比。height: 50%;將使表格的高度等于其父元素高度的50%。

- 這種方法適用于需要嵌套表格的情況，其中內(nèi)部表格的高度可以根據(jù)外部表格的高度動態(tài)調(diào)整。

4、使用CSS Grid布局：

- 如果你的表格是一個CSS Grid布局的一部分，你可以使用grid-template-rows來設置每個行（包括表格行）的高度。grid-template-rows: 50px 1fr 50px;將創(chuàng)建一個三行網(wǎng)格，其中***行和第三行的高度為50像素，第二行的高度自適應。

- Grid布局提供了極大的靈活性和控制力，適用于復雜的表格布局需求。

示例代碼

下面是一個簡單的CSS樣式示例，展示了如何設置表格的高度：

/* 設置表格高度為200像素 */
table {
  height: 200px;
}
/* 設置表格高度自適應 */
table {
  height: auto;
}
/* 設置表格高度在100到300像素之間 */
table {
  min-height: 100px;
  max-height: 300px;
}
/* 設置表格高度為父元素高度的50% */
table {
  height: 50%;
}

響應式設計示例

如果你正在使用響應式設計，可以通過媒體查詢來動態(tài)調(diào)整表格的高度：

table {
  height: auto; /* 默認高度自適應 */
}
@media (min-width: 600px) {
  table {
    height: 300px; /* 在屏幕寬度大于600像素時，設置表格高度為300像素 */
  }
}

通過這些方法，你可以根據(jù)具體的需求和場景來設置CSS中表格的高度。