Задать вопрос
@Mysianio
вайти в айти

Как прижать последний элемент к краю flexbox?

Здравствуйте, произошла ситуация, когда нужно сделать блок с товарами
Выровняется все с помощью flexbox

.bookWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.book{
     margin: 10px;
     border: 1px solid #000;
     width: 350px;
}

Получается такая ситуация: 5d77a53bd005a494312089.jpeg

Как прижать последние блоки к правому краю?
  • Вопрос задан
  • 620 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
В данном контексте — никак.

Только если через :last-child и margin'ом.

Либо избавляться от space-around и делать на calc(ширина - отступ*2) а-ля так:



Выше — это типичная реализация подобных вещей на flex.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы