html表,可变宽度列加上浮动宽度列

时间:2010-12-01 13:02:18

标签: html html-table

我有一个包含4列的表格。前3列应该只占用显示放置在其中的数据/ ui控件所需的空间,而第四列应占用剩余空间。我不知道创建表时前三列的宽度应该是多少,所以我不能在那里放一个“宽度”值。

如果我将第四列设置为100%宽度,则它会过多地搜索前三列;如果在其中一列中有一个下拉列表(在html术语中为“select”),则最后一列将强制它变为大约20像素宽的某个地方,而它应该与最长的选项元素一样宽该菜单中的文字。

表中的其他行将是跨越多列的单元格,所以我认为我使用了表元素(而不是div等)

有什么想法吗?该网站不支持IE6,因此Firefox / Chrome中的任何功能都应该是好的。

1 个答案:

答案 0 :(得分:3)

尝试将width:1%; white-space:nowrap;放在前三列中,并保留第四列没有宽度