如何在宽度= 100％的表中修复单元格宽度

Question

我想知道是否可以在宽度= 100％的表格中，并且每个列宽度为％值，以获得最后一列的固定宽度？

如果是的话怎么样？

Answer 1

您可以使用CSS：

#mytable td:last-child {
  width: 50px; /* change to whatever you want */
}

Answer 2

简短的回答是否定的，而不是简单的CSS。由于显而易见的原因，混合固定宽度和相对宽度是相当麻烦的。

然而，有一个新的CSS3功能calc()可用于让浏览器计算适当的宽度。

注意不幸的是，它仍然只是实验性的，并且浏览器支持有限。

Answer 3

如果您的网站无论如何都需要JavaScript，您可以在渲染后操纵宽度。

1. 让浏览器渲染表格，其相对列宽接近理想值，但不设置最后一个要修复的表格。

2. 读取渲染表的宽度。

3. 从表格宽度中减去最后一列所需的宽度。

4. 使用3.中的值作为100％计算剩余列的宽度百分比

5. 以编程方式设置所有列宽