如何对我的表格进行 CSS 处理，使最右边的列贴在右边，宽度可变

Posted 2023-03-06

【中文标题】如何对我的表格进行 CSS 处理，使最右边的列贴在右边，宽度可变

【英文标题】：How to CSS my table so that the most right column stuck to the right, with variable width

【发布时间】：2019-11-02 13:41:54

【问题描述】：

我有一个 100% 宽度的表格，我希望最右边的列 (D) 只占用所需的最小宽度，但仍然粘在右边，其他列 (B, C) 填满其余的空间。 （A 是固定宽度）。

如何使用 CSS 做到这一点？

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/html/Element/colgroup

@connexo 我知道规格。但知道只是成功了一半。 ;)

出于好奇，为什么这个问题被否决了？

【参考方案1】：

使用此代码：

table td:first-child  width: 50px; 
table td:last-child  width: 1px; white-space: nowrap; 

这利用了至少与不可包装内容一样宽的标准单元格行为。

【讨论】：

虽然它不适用于table-layout: fixed，但无论如何我都不想要这种行为，它是完美的。