在CSS中，可以使用max-width屬性來(lái)使表格中的某一列自適應(yīng)，這個(gè)屬性可以限制列的***大寬度，當(dāng)表格中的其他列寬度發(fā)生變化時(shí)，該列會(huì)自動(dòng)調(diào)整以適應(yīng)剩余的空間。

假設(shè)你有一個(gè)包含三列的表格，其中***列是標(biāo)題列，第二列是圖片列，第三列是文本描述列，你希望第三列能夠自適應(yīng)，以便在屏幕寬度變化時(shí)能夠保持其寬度不變。

HTML代碼如下：

<table>
  <tr>
    <th>標(biāo)題列</th>
    <td>圖片列</td>
    <td>文本描述列</td>
  </tr>
  <tr>
    <td>標(biāo)題1</td>
    <td><img src="image1.jpg" alt="圖片1"></td>
    <td>文本描述1</td>
  </tr>
  <tr>
    <td>標(biāo)題2</td>
    <td><img src="image2.jpg" alt="圖片2"></td>
    <td>文本描述2</td>
  </tr>
  <tr>
    <td>標(biāo)題3</td>
    <td><img src="image3.jpg" alt="圖片3"></td>
    <td>文本描述3</td>
  </tr>
</table>

CSS代碼如下：

table {
  width: 100%;
}
th, td {
  padding: 10px;
  border: 1px solid #000;
}
th {
  text-align: left;
}
img {
  max-width: 100px; /* 圖片列的***大寬度 */
}
td { /* 文本描述列 */
  max-width: 500px; /* 文本描述列的***大寬度 */
}

在這個(gè)例子中，圖片列的***大寬度被設(shè)置為100px，文本描述列的***大寬度被設(shè)置為500px，當(dāng)屏幕寬度變化時(shí)，這些列會(huì)自動(dòng)調(diào)整以適應(yīng)剩余的空間。