Как написать стили для блоков, что прилипают к разным сторонам контейнера?
допустим, у меня массив объектов, одна строка это один объект, как пишутся такие стили, т.е. я перебираю этот массив и первый элемент будет flex start, а второй элемент flex end, третий снова flex start и тд. Сейчас что именно применяется не имеет значения, может и как то иначе я буду выравнивать, мне важно понять сам принцип, пример если есть посмотреть, как в целом такие вещи делаются?
Дополнительно:
У flex есть свойство order.
Просто сделай что-то типа:
block:nth-child(odd) block__element { order: 2 } |
block:nth-child(odd) block__element { order: 2 }
И оно само выстроится с периодичностью.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос

Для создания стилей, которые позволят блокам прилипать к разным сторонам контейнера, можно использовать свойство CSS `position` в сочетании с другими свойствами. Вот несколько способов, как можно это сделать:
1. Для прикрепления блока к верхнему краю контейнера можно использовать следующий CSS код:
.block { position: absolute; top: 0; }
2. Для прикрепления блока к нижнему краю контейнера можно использовать следующий CSS код:
.block { position: absolute; bottom: 0; }
3. Для прикрепления блока к левому краю контейнера можно использовать следующий CSS код:
.block { position: absolute; left: 0; }
4. Для прикрепления блока к правому краю контейнера можно использовать следующий CSS код:
.block { position: absolute; right: 0; }
5. Если вы хотите, чтобы блок прилипал к одной из сторон контейнера при прокрутке страницы, можно использовать `position: fixed` вместо `position: absolute`.
6. Также можно комбинировать различные значения свойств `top`, `bottom`, `left`, `right` для достижения нужного положения блока относительно контейнера.
Надеюсь, эти примеры помогут вам создать стили для блоков, которые будут прилипать к разным сторонам контейнера. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.