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