具有可变列的固定宽度表

【问题标题】：Fixed width table with variable columns具有可变列的固定宽度表
【发布时间】：2018-12-26 21:54:10
【问题描述】：

我有一个固定宽度的表格 (style="width: 100%")，其中动态数据被放入单元格中。数据在宽度方面变化很大，有些字符串超出了表格的长度，没有空格。因此，我使用table { table-layout:fixed; word-wrap: break-word; } 将文本包装在列中，并防止表格超出页面宽度。

但是，这会导致列等距，这不是对我的表格空间的最佳利用，导致一些单元格被包裹了两到三次，而其他单元格在所有空间中只有一个单词。

有没有办法保持最大表格宽度、分词和利用浏览器对可变宽度列的布局优化？

【问题讨论】：

• width: 100% 不是固定宽度，即可变宽度。另外，你能显示表格 TD 的 HTML 源代码和样式吗？
• 如果您知道哪些列需要较低的宽度，您可以为该列标题定义宽度。例如，如果第 2 列是细列，您可以说
• @MikeBrant 它是可变宽度，你当然是正确的。但目前，如果其中一个单元格中的（非空格）数据超过了包含 div 的宽度，则表格会超出 div 的边缘并离开页面。
• @karancan 这是我的想法，但如果我想要平衡两个（可能）宽的列，这将无济于事。