Javascript 表列：宽度、最小宽度、换行和列“；“重要性”；

我在

宽度：100%

的表格中有三列

• 第二列和第三列的宽度应为：100px
• 第三列应尽可能多（无换行），但仅此而已
• 第1列应占用所有剩余空间

JSFiddle：

请注意，第1列和第4列都没有指定

宽度

，因此浏览器会自动计算它们的宽度。但是，我希望第1列是最重要的，并占用所有剩余的空间，但只有在第4列能够在不缠绕任何线条的情况下进行渲染之后

实际：

预期：

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

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

请参阅。如果您给出第四列

宽度：1px；空白：nowrap

则它应该在不影响其内容的情况下占用尽可能少的空间

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

---

你能不能不加一句

Float:右

到第2列和第3列

见下面的小提琴：）

---

我想这就是你想要的？

你可以用

.col1{width:80%}

你大概知道“delete”列的宽度，为什么不加上宽度以及.col2和.col3？如果

.col4

有这么多按钮，它将占据大约40%的表格呢？是的，是的！我不知道

float

在表上是这样工作的。聪明！如果没有更干净的解决办法，我会接受这个答案。谢谢。太棒了！：）老实说，在我尝试之前我也没有！哈哈！真的？哦，我在Firefox上！是的，我的Firefox不喜欢它。铬是的。