Этот вопрос касается браузера с полной поддержкой css3, включая flexbox.
У меня есть гибкий контейнер с некоторыми элементами. Они все оправданы для начала .end
но я хочу, чтобы последний элемент .end
был оправдан для гибкого конца. Есть ли хороший способ сделать это, не изменяя HTML и не прибегая к абсолютному позиционированию?
.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>