Почему `vicign-элементы: Flex-end`, выталкивающий все оберщенные ряды в нижнюю часть контейнера изгиба? [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь понять, как выравнивающие элементы: Flex-end ведет себя в гибком контейнере с включенной обертыванием. Согласно документации, Align-items выравнивает элементы в одной линии Flex-Line , поэтому я ожидал, что каждая строка элементов будет выравниваться в своей собственной строке. Смущение.

Код: Выделить всё

.container {
width: 350px;
height: 350px;
border: 2px solid black;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}

.container div {
width: 80px;
height: 100px;
font-size: 2rem;
text-align: center;
background-color: lightblue;
}< /code>
  

1
2
3
4
5
6

Вопрос:
Почему выравниваемые элементы: glex-end Перемещение Оба ряда внизу контейнера
не Align-it-itsems. каждая отдельная линия гибкой, а не сами линии?

Подробнее здесь: https://stackoverflow.com/questions/796 ... of-the-fle