html - 如何在宽度 = 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. as 100% 中的值按百分比计算剩余列的宽度

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