Distribute buttons as evenly as possible

Question

I have a variable width container (a div).

This container contains a variable number of buttons whose sizes

Answer 1

CSS doesn't contain enough 'math' powers (cross browser) to determine widths and available space. If they were similarly shaped, it would be easier to accomplish with a grid based system like bootstrap and media queries. But because 15 'G+' buttons fit in 2 'stackoverflow' space, it will never be the solution you want without determining element widths.

I'd suggest resulting to the JS solution you came up with already.