Gleich viel Raum zwischen den flex-items

Ist es, einen Weg zu einer vollen Einheit von Raum auf beiden Seiten von allen Positionen, einschließlich der ersten und letzten?

Ich versuche einen Weg zu finden, haben gleichen Abstand um die flexbox-Kinder.

In dieser Artikel es scheint, wie die nächste Sache ist justify-content: space-around. Es sagt, dass:

space-around: die Artikel sind gleichmäßig verteilt, in der Zeile mit gleicher
der Raum um Sie herum. Beachten Sie, dass Sie optisch die Räume sind nicht gleich, da
alle Elemente haben gleiche Abstände auf beiden Seiten. Das erste Element wird
eine Einheit von Raum gegen den Behälter-Rand, aber zwei Einheiten von
Raum zwischen den nächsten Eintrag , weil das nächste Element hat seine eigene
Abstand gilt.

Überprüfen Sie diesen thread stackoverflow.com/questions/42287771/... hat Es eine ähnliche Frage.
das pseudo-element' - Methode, die Sie beschreiben, ist die sorta hack ich jetzt verwende
1: reden wir über 1 Zeile (row) oder multi-line? ... 2: Ist die Anzahl der Elemente pro Zeile bekannt?

InformationsquelleAutor Alexis | 2017-07-17

  1. 7

    Können Sie tun dies, indem Sie die padding von der flex-container und die margin des flex-Elemente:

    .container { 
  display: flex;   
  padding: 0 1%;
}
.item { 
  flex: 1; 
  margin: 0 1%;
}

    https://codepen.io/danieldilly/pen/PjgRbe

    dies ist eine ziemlich gute Idee,

    InformationsquelleAutor Daniel D

  2. -2

    Können Sie flexbox ist alles Eigentum Formular hier. dies ist ein perfektes Beispiel dafür, wie komplette flex-Eigenschaft mit Beispiel
    http://the-echoplex.net/flexyboxes/

    warum negative Stimmen ?
    Es ist einfach ein link zu einer externen Ressource, was nicht empfehlenswert ist. Bitte Lesen Sie stackoverflow.com/help/how-to-answer maximieren Sie die chance, Ihre Antworten von Ihnen positiv bewertet werden

    InformationsquelleAutor Anil

Schreibe einen Kommentar