html展示表格自适应

要让 HTML 中的表格自适应，可以通过设置表格的宽度为百分比来实现。这样表格的宽度会随着浏览器窗口的大小变化而自动调整。

例如：

<table style="width:100%">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>小红</td>
    <td>18</td>
    <td>女</td>
  </tr>
</table>

在这个例子中，`style="width:100%"` 表示表格的宽度为浏览器窗口的宽度。这样，当浏览器窗口大小改变时，表格的宽度也会自动调整。

另外，还可以使用 CSS 样式来控制表格的自适应效果。例如：

table {
  width: 100%;
  border-collapse: collapse;
}

td, th {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

这个 CSS 样式中，`width: 100%` 表示表格的宽度为父元素的宽度（通常为浏览器窗口的宽度）。`border-collapse: collapse` 表示表格的边框合并，使得表格的边框看上去更整齐。`td, th` 表示对表格中的单元格应用样式。`border: 1px solid #ccc` 表示单元格的边框为 1 像素宽的实线，并且颜色为 #ccc。`padding: 8px` 表示单元格的内边距为 8 像素。`text-align: left` 表示单元格中的文本左对齐。