Position letzten flex-Element am Ende des Containers

Diese Frage betrifft einen browser mit vollständige css3-Unterstützung einschließlich der flexbox.

Ich habe ein flex-container mit einigen Elementen in es. Sie sind alle gerechtfertigt flex-start, aber ich will die letzten .end Element, um gerechtfertigt werden zu flex-end. Ist es ein guter Weg, dies zu tun, ohne änderung der HTML-und ohne Rückgriff auf absolute Positionierung?

CSS:

.container {
  display: flex;
  flex-direction: column;
  outline: 1px solid green;
  min-height: 400px;
  width: 100px;
  justify-content: flex-start;
}
p {
  height: 50px;
  background-color: blue;
  margin: 5px;
}

HTML:

<div class="container">
  <p></p>
  <p></p>
  <p></p>
  <p class="end"></p>
</div>

InformationsquelleAutor George Mauer | 2015-11-25
Schreibe einen Kommentar