Question

我正在使用为表单元格分配一个小宽度的技巧来包装其内容，以便以下工作正常（我希望第二和第三个单元格根据其内容自动分配其宽度）：

＆＃13;

<table style="width:100%;">
<tr>
  <td style="width:1px;">11111111</td>
  <td>1111111111111111</td>
  <td>11111111</td>
  <td style="width:1px;">11111111</td>
</tr>
</table>

＆＃13;

但是在我的项目中，我要将单元格内容的宽度设置为零，所以我希望单元格也是＆＃34; 0＆＃34;宽度，因为我在单元格上有悬停样式，当鼠标悬停在单元格上时，即使是1像素也会触发此样式。但是，完全忽略将单元格指定为0而不是1px。

我想到的一个解决方案是将悬停样式绑定到td内的div。但是有没有办法让单元格宽度真正地变为＆＃34; 0＆＃34;？

Answer 1

尝试在table-layout:fixed

上使用width:0px和td

<table style="width:100%;table-layout: fixed;">
    <tr>
        <td style="width: 0px;">&nbsp;</td>
        <td>1111111111111111</td>
        <td>11111111</td>
        <td style="width: 0px;"></td>
    </tr>
</table>

使用＆＃34; 0＆＃34;强制表格单元格包含其内容宽度

1 个答案: