Flexbox marge entre les boîtes

Je sais que les marges entre flexboxes peut être réglé automatiquement grâce à la align-content bien, mais j'en ai besoin pour être fixé marge de définir en px. Je suis à la recherche de quelque chose de semblable à column-gap pour le multi-colonnes.

Ici est ce que je dois faire:

Flexbox marge entre les boîtes

Ici, l'espace entre les 1,2,3 et 4,5 est égal, disons 30px. Une idée?

Avez-vous regardé: stackoverflow.com/questions/20626685/... ?
Je vous remercie, mais j'ai besoin de travailler sur plusieurs lignes, avec un nombre indéterminé de colonnes
jetez un oeil à ma réponse, peut-être que ça va aider. stackoverflow.com/a/41033768/1204902

OriginalL'auteur rooofl | 2014-10-02

  1. 35

    Une solution pourrait être d'utiliser des marges, et des marges négatives sur le conteneur (ce qui nécessite un adaptateur supplémentaire).

    Démo: http://jsbin.com/gozup/1/edit?html,css,sortie

    HTML

    <wrapper>
  <container>
    <column>1</column>
  </container>
</wrapper>

    CSS

    wrapper {
  overflow: hidden;
  width: 250px;
}
container {
  display: flex;
  flex-wrap: wrap;
  margin: -25px;
}
column {
  flex: 0 1 50px;
  height: 50px;
  margin: 25px;
}
    Vous venez de gagner le ”Génial Démo” medail.
    Très belle démo 🙂

    OriginalL'auteur bpierre