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