0

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

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

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

4

1 回答 1

1

如果您有一个您总是希望比其他列更大的列,您应该使用 eg 来表示<td width="40%">。此外,如果有一列总是很小,您也可以为其设置宽度。你给浏览器的线索越多,布局看起来就越好。

于 2012-08-14T21:50:16.730 回答