使用 css resize:both 调整表格单元格的大小；不使用表

使用 css {resize:both;} 调整表格单元格大小不适用于表格

我需要调整表格及其单元格的大小，可以使用 css 调整大小， css {resize:both;} 在 div 中有效，但在表标签中无效

<table border="1" style="resize:both;">
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
</table>

任何人都可以帮忙吗

要覆盖 Chrome 和 Safari，请使用

th, td { resize: both; overflow: auto; }

不要在整个表格上设置初始宽度。不过，您可以设置单元格或列的宽度。

为了覆盖 Firefox，恐怕您需要将每个单元格的内容包装在div与一个类并将相应的类选择器添加到上面的规则中。这会在每个单元格中引入 Chrome 和 Safari 上的两个调整大小手柄...所以也许你应该使用

<td><div class=cell>...</div></td>

对于每个单元格和 CSS 规则

.cell { resize: both; overflow: auto; width: 100%; height: 100%; }

（不做td元素可调整大小）。

这样，所有单元格都可以调整大小，因此整个表格可以间接调整大小（只要不设置其宽度和高度）。

原则，resize适用于所有元素overflow财产以外的财产visible。实际上，它的工作方式更加有限，并且在不同的浏览器中有所不同。