@infopovod

Как сделать обратный порядок элементов?

Есть элементы в таком порядке, можно ли средствами CSS сделать, так что они шли в обратном порядке( например, не 1,2,3,4,5,6 а 6,5,4,3,2,1)?
5fc531e8af6a5850222167.png
  • Вопрос задан
  • 56 просмотров
Решения вопроса 3
Vene4ka
@Vene4ka
Учусь программировать :>
/* инверсия по горизонтали */
.row-reverse { display: flex; flex-direction: row-reverse; }

/* инверсия по вертикали */
.column-reverse { display: flex; flex-direction: column-reverse; }
Ответ написан
yarkov
@yarkov
Проект "Жизнь после смерти" - lifeafterdeath.ru
https://jsfiddle.net/yarkov_aleksei/ucpm3ks5/
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

.container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  background-color: #ff0000;
}

.item {
  width: 100px;
  height: 100px;
  background-color: #00ff00;
  display: flex;
  justify-content: center;
  align-items: center;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы