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