我有一个固定宽度的表格(style="width: 100%"
),其中有动态数据被放置到单元格中。数据的宽度差异很大,有些字符串超出了表的长度而没有空格。因此,我使用table { table-layout:fixed; word-wrap: break-word; }
将文本包装在列中,并防止表格超出页面宽度。
但是,这导致列的间距相等,这不是对表空间的最佳利用,导致某些单元格被包装了两到三次,而其他单元格在所有空间中只有一个单词。
有没有办法保持最大的表格宽度,断字并利用浏览器的可变宽度列的布局优化?
最佳答案
如果您总是希望自己的列比其他列大,则应使用<td width="40%">
。另外,如果有一列始终很小,则也可以为其设置宽度。提供给浏览器的线索越多,布局的外观就会越好。