如何将 table 宽度限制为不间断的 td-width

Question

"UPDATE":

我这边出错了。 发现了一个 CSS 错误，这使得所有 table 的目标都达到了 100%。对不起，打扰了。

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

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

例如：

<!-- 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>

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

有人可以帮我吗？

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;
}

如何将 table 宽度限制为不间断的 td-width

How to limit table width to non-breaking td-width

html

html-table

tablelayout