固定宽度表，带有可变列

Question

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

然而，这会产生相等间隔的列，这不是我桌子空间的最佳使用，导致一些单元被包裹两次或三次，而其他单元在所有空间中都有一个单词。

有没有办法保持最大表格宽度，破坏单词，并利用可变宽度列的浏览器布局优化？

Answer 1

如果您的列总是希望比其他列大，则应指明例如<td width="40%">。此外，如果有一个总是很小的列，您也可以设置宽度。您为浏览器提供的线索越多，布局就越好。