如何使表格单元格拉伸其余宽度？

Question

我正在尝试创建一个包含 3 列的简单表格：第一个/最后一个应该采用他们孩子的确切宽度，中间的应该拉伸并填充其余部分。

.table {
  display: table;
  width: 100%;
}

我试过使用这两个<table>元素，以及flex- 但不知道如何实现这一点。

我可以使用 flex 每行执行一次，但是第一列/最后一列不会跨行对齐。另外，我不想为第一列/最后一列设置固定宽度。

Answer 1

你可以用这个 CSS 代码做到这一点：

.table tr td:nth-child(2) { width:100% }