Wie center ein flex-container, sondern Links-align flex-Elemente

Möchte ich die flex-Elemente zentriert werden, aber wenn wir eine zweite Linie, haben 5 (ab Bild unten), unter 1 und nicht zentriert in der übergeordneten.

Wie center ein flex-container, sondern Links-align flex-Elemente

Hier ein Beispiel von dem, was ich habe:

CSS:

ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
  border: 1px solid gray;
  margin: 15px;
  padding: 5px;
  width: 200px;
}

HTML:

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>

http://jsfiddle.net/8jqbjese/2/

InformationsquelleAutor CoachNono | 2015-09-26
Schreibe einen Kommentar