如何在html中固定表格以及子表格宽度，子表格自动换行

在HTML中固定表格及子表格的宽度并让它们自动换行，通常可以使用CSS来控制。下面是一个简单的示例：

1. 首先，创建一个`<table>`元素，并设置`width`属性以限制表格的整体宽度。例如：

<style>
table {
  width: 80%; /* 设置表格总宽度 */
  border-collapse: collapse; /* 合并边框 */
}
</style>

<table>

2. 对于子表格，你可以将它们放在`<td>`（单元格）或`<th>`（表头）标签内。对于每个单元格，如果你想让内容自动换行并在列宽范围内显示，可以添加`white-space: nowrap;`，然后为其父级容器设置`overflow: auto;`来实现滚动：

<td style="width: 30%; white-space: nowrap; overflow: auto;">
  <!-- 这里放你的子表格内容 -->
</td>

3. 如果你想让子表格本身也有固定的宽度，可以添加额外的CSS规则。比如：

td.sub-table-container {
  width: 100%; /* 子表格容器的宽度 */
  display: flex; /* 使用弹性布局 */
}

.sub-table {
  width: 50%; /* 子表格的实际宽度 */
}

在这个例子中，`.sub-table`会保持固定的宽度，而内容会在需要的时候换行。