Questa domanda riguarda un browser con supporto css3 completo incluso flexbox.Posizione ultimo elemento flessibile all'estremità del contenitore
Ho un contenitore flessibile con alcuni elementi in esso. Sono tutti giustificati per il flex-start ma voglio che lo ultimo.end
articolo sia giustificato per il flex-end. C'è un buon modo per farlo senza modificare l'HTML e senza ricorrere al posizionamento assoluto?
.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;
}
<div class="container">
<p></p>
<p></p>
<p></p>
<p class="end"></p>
</div>
Sì. Vedi le illustrazioni del margine 'auto' qui: http://stackoverflow.com/a/33856609/3597276 –