HTML:通过固定的像素数设置表格中的两列比其他列宽

Question

我有一个包含N列(N >= 3)的表，我希望列如下所示：

• 最左侧 (1st) 列比列宽X像素2, 3 ... N-1
• 最右边(第N列)比列宽Y像素2, 3 ... N-1
• 列2, 3 ... N-1的宽度都相等，当表的容器调整大小时，宽度会发生变化。

X，上面的Y和N是页面加载前已知的固定数字(它们是常量)。

我怎样才能实现这一点(经典的HTML/CSS或Bootstrap)？

Answer 1

你可以试试这个

页.css

th{
width: N width;
}
th:first-child{
width: X;
}
th:last-child{
width: Y;
}

如果您的表格上没有标题，您可以按td更改th