強制表格單元將其內容用「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