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

【问题标题】：Table columns: width, min-width, word wrapping and column "importance"表格列：宽度、最小宽度、自动换行和列“重要性”
【发布时间】：2014-10-31 13:11:00
【问题描述】：

width: 100% 的表中有三列。

请注意，第 1 列和第 4 列都没有指定 width，因此它们的宽度由浏览器自动计算。但是，我希望第 1 列是最重要的，并占用所有剩余空间，但只有在第 4 列能够在不换行的情况下呈现自身之后。

实际：

预期：

如何在不硬编码第一列或第四列的宽度的情况下实现这一点？仅使用 CSS 即可。

理由：第 4 列中的按钮数量未知。可能是 1，也可能是 4。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你能不能只添加

Float: right

到第 2 列和第 3 列？

见下面的小提琴:)

我想这就是你所追求的？

【讨论】：