强制表格单元将其内容用“0”宽度包裹

Question

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

<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>

但在我的项目，我将动画单元格内容为零的宽度，所以我想细胞是还的“0”宽度，因为我在单元格上有一个悬停式样，当鼠标悬停在上面时，即使1 px也会触发这种样式它。但是分配单元格0宽度而不是1px是完全忽略的。

我想到的一个解决方案是将悬停式样绑定到td中的div。但是有没有办法让单元格宽度真的是“0”？

Answer 1

尝试在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> 

使用 table-layout:fixed和 width:0px