2010-12-01 86 views
1

我有一个4列的表格。前3列应该只占用显示放置在其中的数据/ UI控件所需的空间,而第四列应占用剩余空间。我不知道在创建表的前三列应该是什么宽度,所以我不能在那里放一个“宽度”值。html表格,可变宽度列加浮动宽度列

如果我将第四列设置为100%宽度,那么它会过多地挤压前三列;如果在其中一列中有一个下拉列表(以html表示),则最后一列将强制它变成20个像素左右的宽度,而它应该与最长的选项元素一样宽该菜单中的文本。

表中的其他行会跨越多个列,所以我觉得我坚持使用表元素(而不是资料核实等)

任何想法细胞?该网站不支持IE6,因此Firefox/Chrome中的任何作品都应该很好。

+0

你试过用“最小宽度” CSS设置和/或玩弄“表格布局:固定的”财产? – acme 2010-12-01 13:04:01

回答

3

尝试把width:1%; white-space:nowrap;前三列和离开第四而不宽度

+0

这工作得很好,但我仍然有一个问题; “选择”控件仍然被挤压到大约20像素,而列表中的内容显然要长得多(大约180像素)。 – user85116 2010-12-02 13:33:42