Css 中心内容基于其最大宽度'；谁的孩子？

我不确定这是否可以用CSS实现，但我想再次检查。我有一个响应表，可以有3到10列。这些柱子被分成三部分。左侧列的宽度为30%，最大宽度为500px，最小宽度为190px

中间的容器是大多数列所在的位置。它可以有1-8列。容器的宽度为60%。该容器中的每列的宽度除以该容器中的列数。e、 g.如果有三列，则每列的宽度为33.33%。这些色谱柱的最小宽度为100px，最大宽度为250px

最后一列的宽度为10%，中间宽度为100px和250px.

的列的最小宽度和最大宽度。 我希望表格能够根据子元素的最大宽度进行拉伸。例如，如果窗口的宽度扩展到2560px，并且有5列，那么表的宽度将是1500px（500+250*4）。同样，如果有9列，则该表将为2500px（500+250*8）

---

当然，如果窗口比每一列都小，它就会收缩直到达到最小宽度。有没有一种方法可以只用CSS来实现这一点

获取实际代码而不是代码的故事会很有帮助。是的，它会，但是当我将代码放入Codepen时，它看起来不正确，所以我认为解释我的问题会更好。