html - 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）？

标签： htmlhtml-tablewidthmultiple-columns

Answer 1

你可以试试这个

页面.css

th{
  width: N width;
}

th:first-child{
  width: X;
}

th:last-child{
  width: Y;
}

如果你的桌子上没有标题，你可以th改变td