Html 根据td的数量自动使表中的td相等

我有几张桌子。有些连续有4个td，有些连续有3个td。有没有什么聪明的方法可以根据一行中td的数量使这些td相等，因为我不想为每种情况编写特定的css

例如，如果一行有4个td，则每个td的宽度应为25%，如果一行有3个td，则每个td的宽度应为33.33%

我用的是scss

编辑：我也在寻找一种同样满足这个条件的方法：在一个表中，有两行，第一行有2个td，第二行有3个td，这个表仍然满足我的要求

例如，在本例中，我希望第一行中的td（有1个td）具有100%的宽度，而不是25%

表格{
表布局：固定；
宽度：100%；
文本对齐：居中；
边界塌陷：塌陷；
}
td，th{
边框：1px实心#dddddd；
填充：8px；
}

1.
1.
2.
3.
4.

使用下面的CSS

  table {
     table-layout: fixed;
     width: 100%;
     text-align: center;
     border-collapse: collapse;
  }
  td, th {
     border: 1px solid #dddddd;
     padding: 8px;
  }

---

检查这里的示例：-

您只需要使用固定的表格布局并设置表格的宽度。我在下面列举了几个例子

.myTable、.subTable{
宽度：200px；
表布局：固定；
}
运输署{
边框：1px纯黑；
}

1.表中的表（使用使用相同css的子表）
苹果派
橘子馅饼
蓝莓屑
苹果派
橙色巧克力
肉馅饼
苹果甜品
蔓越莓酱

2.使用必须通过手动或javascript设置的colspans
南瓜派
香蕉馅饼
蓝莓派

当你想画3列时，使用列合并选项，将2列合并成一列谢谢你，但是如果我想做这样的事情，是否还有其他方法：在一个表中，有两行，第一行有2个td，第二行有3个td，这个表仍然满足我的要求？是的，它可以满足你想要的所有要求。对不起，在这种情况下，我希望第一行中的td（有1个td）具有100%的宽度，而不是25%。为此，您需要这样写：1如果您希望第二行中有3个td，请使用colspan=“3”谢谢，但是如果我想做如下操作，是否还有其他方法：在一个表中，有两行，第一行有2个td，第二行有3个td，该表仍然满足我的要求？据我所知，仅使用CSS以编程方式实现这一点是不可能的。在我看来，你有两个选择。1.是使用表中的表（行中的新表）2。使用必须手动或使用javascript设置的colspans。请看一下上面的更新片段。