表格欄：寬度，最小寬度，自動換行和“重要性”欄

Question

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

• 第二列和第三列的width: 100px應為width: 100px
• 第三列應盡可能多（沒有換行），但僅此而已。
• 第一列應占用所有剩余空間。

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

請注意，第一列和第四列均未指定width ，因此瀏覽器會自動計算其寬度。 但是，我希望第1列最重要，並占用所有剩余空間，但僅在第4列能夠呈現自身而無需換行時才使用。

實際：

預期：

如何在不對第1列或第4列的寬度進行硬編碼的情況下實現此目標？ 僅適用於CSS。

理由：第4列中的按鈕數量未知。 可能是1，可能是4。

Answer 1

看到這個答案 。 如果您指定第4列的width: 1px; white-space: nowrap; width: 1px; white-space: nowrap; 那么它應該占用的最小空間不會影響其內容。

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

Answer 2

你能不能只是添加

Float: right

到第2列和第3列？

參見下面的小提琴:)

http://jsfiddle.net/r7b3hny7/

我想這就是你的追求？