如何将表格宽度限制为不中断的 td-width

Question

“更新”：

我的错误。 发现了一个 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;
}