如何对我的表进行CSS处理,以使最右边的列固定在右边,宽度可变

时间:2019-06-19 18:46:59

标签: html css html-table css-tables

我有一个100%宽度的表,我希望最右边的列(D)仅采用最小的所需宽度,但仍然与其他列(B,C)靠在右边,以填满其余部分空间。 (A是固定宽度)。

如何使用CSS?

table example

1 个答案:

答案 0 :(得分:2)

使用此代码:

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

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