在前端開發中，經常使用 CSS 來進行頁面的樣式設計，而表格作為頁面布局中非常基礎的部分，也需要用 CSS 進行樣式處理。其中，tr 單元格高度自適應就是一個常見需求。

通常情況下，表格的單元格高度是由其中內容的高度決定的。但是，如果表格中某一行的內容過多，導致其高度超過了其他行，那么這個表格就會顯得十分奇怪。此時，我們就需要通過 CSS 設置 tr 單元格高度自適應。

在 CSS 中，設置 tr 單元格高度自適應需要使用兩個屬性，分別是display: table-row;和height: auto;。其中，display: table-row;屬性表示這個元素是表格中的一行，而height: auto;屬性表示其高度自適應，根據內容自動進行調整。

tr {
display: table-row;
height: auto;
}

上述代碼會使所有表格行的高度自適應。如果只想針對某一行進行設置，可以使用 CSS 選擇器指定目標行。

tbody tr:last-child {
display: table-row;
height: auto;
}

上述代碼會使表格中最后一行的高度自適應。通過這種方式，我們可以在保證表格美觀的同時，讓其內容更加清晰易讀。