Взгляните на мой Fiddle , в котором я изменил:
.holder
width
- max-width
(в классах .v
) .holder
на wrap
и space-around
, его дети .v
для ясности
's
flex: 0 0
в .child
Flexbox почти всегда требует max-width
, который более гибкий, чем width
. В зависимости от того, как вам нужно .child
ren вести себя, измените flex-grow
и flex-shrink
в flex: 0 0
, чтобы удовлетворить ваши потребности. (результат flex: 1 0
выглядит неплохо)
... нет необходимости в Javascript ...
UPDATE Codrops Flexbox Reference действительно помогла мне много понимания FBL ...