在 HTML 表格中，通常我們會使用<td>標(biāo)簽來定義表格中的單元格。但是，當(dāng)我們在<td>標(biāo)簽中插入大量內(nèi)容時，容易出現(xiàn)一個讓人頭疼的問題：單元格的高度會被內(nèi)容撐高。

<table>
<tr>
<td>
<p>大量內(nèi)容...</p>
<p>更多內(nèi)容...</p>
</td>
</tr>
</table>

上述代碼中，如果<p>標(biāo)簽中的內(nèi)容過多或者過長，那么<td>標(biāo)簽的高度就會自動擴(kuò)展，導(dǎo)致表格變得異常難看。為了避免這種情況出現(xiàn)，我們可以使用 CSS 中的max-height屬性。

<style>
td {
max-height: 150px;
overflow-y: auto;
}
</style>

這個代碼片段中，max-height屬性被設(shè)置為 150px，超出這個高度的內(nèi)容將被隱藏。但同時，我們又在<td>標(biāo)簽內(nèi)添加了overflow-y: auto;屬性，這意味著如果<td>中的內(nèi)容超出 150px 的高度，那么它將自動轉(zhuǎn)換為滾動條。

這兩個屬性的結(jié)合使用可以避免許多困擾，使表格看起來更加簡潔、整潔。