@Mysianio
вайти в айти

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

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

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

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

Как прижать последние блоки к правому краю?
  • Вопрос задан
  • 591 просмотр
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
В данном контексте — никак.

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

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



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

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

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект