使用css调整表单元格大小resize:both；不使用表格
使用css { Resize :both;}调整表格单元格的大小，但不使用表格
我需要调整表格及其单元格的大小，可以使用css调整大小，css { resize :both;}在div中工作，但在table标签中不起作用
<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>有人能帮上忙吗
回答 4
Stack Overflow用户
发布于 2012-11-16 15:45:56
resize:似乎不适用于表。
table {
border:2px solid;
padding:10px 40px;
width:300px;
resize:both;
overflow:auto;
}http://jsfiddle.net/Kyle_/q4qwp/
但是您可以将表包装在div中，并将resize:设置为div，但是即使有% width值，也不能缩小表。
Stack Overflow用户
发布于 2012-11-16 19:41:07
要介绍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适用于除visible以外的所有具有overflow属性的元素。在实践中，它以一种更有限的方式工作，并且在不同的浏览器中是不同的。
Stack Overflow用户
发布于 2014-12-23 19:13:30
要调整表和表列的大小，必须使用Javascript。有几个jQuery插件可以做到这一点，例如colResizable，它允许您手动拖动列锚。
下面是一小段代码：
$("#tabe").colResizable({}); 你可以在：http://www.bacubacu.com/colresizable/上找到更多的例子，或者你可以试试这个：http://jsfiddle.net/euka4rm3/
https://stackoverflow.com/questions/13412203
复制相似问题