表格列：宽度，最小宽度，自动换行和列“重要性”

Question

我在width: 100%的表格中有三列。

• 无论什么
，第二和第三列应为width: 100px
• 第3列应该是它所需要的（没有包裹的行），但仅此而已。
• 第一列应占用所有剩余空间。

JSFiddle：http://jsfiddle.net/o66czLtj/4/

请注意，第1列和第4列都没有指定width，因此浏览器会自动计算其宽度。但是，我希望第一列是最重要的，并占用所有剩余的空间，但只有在第4列能够呈现自身而不包装任何行之后。

实际值：

预期：

如何在不对第1列或第4列的宽度进行硬编码的情况下实现此目的？仅适用于CSS。

基本原理：第4列中的按钮数量未知。它可能是1，可能是4。

Answer 1

见this answer。如果您给第4列width: 1px; white-space: nowrap;，那么它应该占用最小空间而不会影响其内容。

.col4 {
  width: 1px;
  white-space: nowrap;
}

Answer 2

你能不能只添加

Float: right

到第2栏和第3栏？

见下面的小提琴：）

http://jsfiddle.net/r7b3hny7/

我认为这就是你追求的目标？