調整html表列的大小（TD）

Question

我有一張桌子，如下所示：

<table>
<tr>
<td>asdf</td>
<td>defg</td>
</tr>
</table>

如何減少每列的寬度小於“ asdf”或“ defg”的長度

即

在上表中，列寬應至少與標簽（asdf / defg）如下：

asdf|defg

我想將表顯示自定義為：

as|defg
df| 

即標簽/內容應該環繞，如果我減少列的寬度。 是否有任何CSS / HTML屬性可實現此目的。 誰能告訴我。 謝謝。

Answer 1

使用word-break:break-all 。 我嘗試了以下示例並進行了工作（至少在Chrome中工作）。

<table>
    <tr>
        <td width="3" style="word-break:break-all;">asdf</td>
        <td>defg</td>
    </tr>
</table>