Расположить элементы не по порядку в шаблоне на Flex
Как можно расположить контейнеры не по порятку 1 2 3, а как 1 3 2 на ccs flex, не нашел как там задаваить порядок.
.school-board {
display: flex;
flex-direction: column;
}
.main-tx {
height: 200px;
height: 30px;
}
<div class="school-board">
<div class="main-tx">1</div>
<div class="main-tx">2</div>
<div class="main-tx">3</div>
</div>
Ответы (1 шт):
Автор решения: Станислав Стрижаков
→ Ссылка
.school-board {
display: flex;
flex-direction: column;
}
.main-tx {
height: 200px;
height: 30px;
}
.school-board div:nth-child(2) {
order: 1;
}<div class="school-board">
<div class="main-tx">1</div>
<div class="main-tx">2</div>
<div class="main-tx">3</div>
</div>.item { order: <любое целое число>; /* дефолтное 0 */ }