响应式容器几乎装满了按钮

Question

是否有一种方法可以使分区中的按钮合理化。
这些按钮有不同的大小。

我尝试过flexbox，但我希望还有另一种方法。
这是我要更改的flexbox解决方案，因为它很丑陋：

.container {
    display: flex;
    flex-wrap: wrap;
}
.container::after {
    content: "";
    flex-grow: 999999999999;
}
.container button {
    flex-grow: 1;
}

更新：
https://jsfiddle.net/hfme3qw0/

更新：
https://jsfiddle.net/o56rpeam/

我面临的问题在最后的小提琴中更加明显，其中最后一行上的按钮的大小与上面的按钮不同。尝试调整容器的大小...

谢谢！