【问题标题】:html table, variable width columns plus a floating width columnhtml 表,可变宽度列加上浮动宽度列
【发布时间】:2011-05-18 11:59:09
【问题描述】:

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

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

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

有什么想法吗?该网站不支持 IE6,因此在 Firefox / Chrome 中可以使用的任何东西都应该是好的。

【问题讨论】:

  • 您是否尝试过使用“min-width”css 设置和/或“table-layout:fixed”属性?

标签: html html-table


【解决方案1】:

尝试将width:1%; white-space:nowrap; 放在前三列,第四列不加宽度

【讨论】:

  • 这很好用,但我还有一个问题; “选择”控件仍然被压缩到大约 20 像素,而列表中的内容显然更长(大约 180 像素)。
  • 也许选择应用了一些额外的样式。尝试将“width:auto”放在他们身上。
猜你喜欢
  • 2012-01-01
  • 1970-01-01
  • 2011-02-24
  • 2014-02-02
  • 2012-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-16
相关资源
最近更新 更多