HTML：将表格中的两列设置为比其他列宽固定像素数

Question

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

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

上面的X、Y和N是页面加载前已知的固定数字（它们是常量）。

我怎样才能做到这一点（经典的 HTML/CSS 或 Bootstrap）？

Answer 1

你可以试试这个

page.css

th{
  width: N width;
}

th:first-child{
  width: X;
}

th:last-child{
  width: Y;
}

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