表行中偶数单元格（第n个单元格）的动态大小

Question

我有一个每行有四个单元格的表。我可以让第二个和第四个细胞扩展，而不改变其他细胞的宽度吗？这可以在没有为第一个和第三个单元格设置固定宽度的情况下完成，因为我想使用类吗？

|cell1|cell2       |cell3|cell4        |

另一个假想的行

|cell1|cell2            |cell3|cell4           |

编辑：这是我想要实现的结果。单元格2和单元格4应该具有相同的宽度，如果可能，它应该是动态的，具体取决于窗口大小。单元1和2也应具有相同的宽度。这两个例子不是同一个表，它们只是为了说明这个想法。

Answer 1

不，你需要每一行都是自己的表才能做到这一点。

//row 1
<table>
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
</table>

//row2
<table>
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
</table>

Answer 2

您可以使用％使其相对于容器具有动态性，例如：

/*Second and fourth cells*/
div#containerId table td:first-child + td,
div#containerId table td:first-child + td + td + td
{
    width: 30%; 
}
/*First and third cells*/
div#containerId table td:first-child,
div#containerId table td:first-child + td + td
{
    width: 10%; 
}