我觉得有一种简单的方法可以做到这一点，但我就是想不出/找到解决方案...
我有一个 <table>如果它溢出(这是预期的)，它应该滚动 x <td>元素设置为 max-width: 300px .我想要 <td> 中的文字仅在 <td> 之后换行已达到最大宽度。现在文本在 <table> 后立即换行不适合它的 parent <div> .
如何制作 <td>在文本换行之前扩展到最大宽度？
这是一个 fiddle :https://jsfiddle.net/ds99unpz/2/
编辑:澄清...
如果 td 不必是 300 像素宽来适合一行中的文本，我不希望它是 300 像素。如果文本太长而无法放入 300px 的 td，那么我希望 td 的宽度为 300px 并且文本要换行。
最佳答案
我updated your JSFiddle .它强制表格和单元格分别像 block 和 inline-block 一样工作。然后使用一点 white-space: nowrap; 魔法并强制 table 溢出，我们得到了想要的结果。但是，单元格的高度并不完全相同。
关于html - 使 td 在文本换行前扩展到最大宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32721993/