如何将表宽度限制为非破坏td-width

Question

＆＃34; UPDATE＆＃34;：

我的错误。发现了一个CSS错误，这使得所有表格的目标都是100％。 对不起，我打扰了你。

我对表的默认行为有疑问。

我需要一个表格，其宽度仅与最长表格行长度所提供的宽度一样多。

例如：

<!-- Table width should be cellpadding+cellspacing+aaa+bbb-->
<table>
    <tr> 
       <td>aaa</td>
       <td>bbb</td>
    </tr>
</table>


<!-- Table width should be cellpadding+cellspacing+dddddddddddddd+bbb-->
<table>
    <tr> 
       <td>ddddddddddddddddddd</td>
       <td>bbb</td>
    </tr>
</table>

我只能构建具有固定宽度的表或使用容器元素的宽度。我希望他们只使用与<td>需求一样多的空间。

有人可以帮我吗？

Answer 1

请尝试使用以下css

table tr td {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}