html表格宽度自适应

要使HTML表格宽度自适应，可以使用CSS中的"table-layout: auto;"属性。这将使表格根据内容自动调整列宽。同时，可以使用"width: 100%;"属性将表格宽度设置为其父元素的100%。例如：

<div style="width: 80%;">
  <table style="table-layout: auto; width: 100%;">
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
    <tr>
      <td>Content 1</td>
      <td>Content 2</td>
      <td>Content 3</td>
    </tr>
  </table>
</div>

在上面的示例中，表格的宽度将自动调整为其父元素的80%，并且表格中的列宽将根据内容自动调整。