Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
16 / 16 / 5
Регистрация: 06.10.2015
Сообщений: 245
1

Не получается правильно выстроить товар в каталоге

09.01.2017, 22:28. Показов 1040. Ответов 3
Метки нет (Все метки)

Добрый вечер!

Верстаю интернет-магазин. Нужно выровнить блоки. Использую Flex боксы.
Не могу понять как выровнить их праильно вот так:
Не получается правильно выстроить товар в каталоге


я выбираю для равномерного распределения вот такие свойства css:
CSS
1
2
3
4
5
.categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
оно вроде работает, если заполнены полностью товаром, но вот если остаётся 2 или 3 товара в конце...получается не красиво.
Не получается правильно выстроить товар в каталоге


есть ли какие-то решения?
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.01.2017, 22:28
Ответы с готовыми решениями:

Правильно выстроить дерево по исходным данным
Доброго времени суток! Прошу помочь решить интересную задачу. Есть таблица данных путей...

Как правильно выстроить это выражение , чтобы получить значение переменной x ?
<script> var x=7; document.write('<?echo 5;echo 6;echo...

Как правильно учитывать товар?
допустим есть некая фирма которая занимается сервисным обслуживанием автомобилей. у нее есть свой...

Как правильно рассчитать бракованный товар?
у меня проект предприятие по выпуску одежды, есть классы по партии, движении товаров и сотрудников....

3
Эксперт С++
516 / 420 / 92
Регистрация: 23.09.2010
Сообщений: 1,165
10.01.2017, 19:05 2
CSS
1
justify-content: flex-start
0
16 / 16 / 5
Регистрация: 06.10.2015
Сообщений: 245
10.01.2017, 20:26  [ТС] 3
gooseim, это конечно понятно, но всё прижато в левому краю
без равномерного расстояния между блоками

я бы добавил паддинги. но как убрать паддинки слева всем первым товарам и паддинги слева последним в строке?
0
Эксперт С++
516 / 420 / 92
Регистрация: 23.09.2010
Сообщений: 1,165
11.01.2017, 14:03 4
Лучший ответ Сообщение было отмечено maxon-by как решение

Решение

Добавьте:
CSS
1
2
padding-left: x;
padding-right: x;
и для контейнера:
CSS
1
2
margin-left: -x;
margin-right: -x;
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.01.2017, 14:03

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Игра "Крестики-нолики": правильно выстроить поле
Я очень сильно начинающий программист. Поэтому попрошу сразу не кидатся что я делаю не так и как...

Как правильно регистрировать в каталоге.
Как правильно регистрировать в каталоге? 1. ТОЛЬКО главную страницу сайта 2. СТРАНИЦЫ, которые...

Общая сумма за товар, как объединить сумму за товар и этажи подъема
Здравствуйте, есть корзина, в корзине товар, у товара есть общая сумма за товары. Сумма плюсуется....

Необходимо чтобы когда товар появился, то строка с пользователем, у которого есть этот товар, подсветилась
есть таблица с подпиской на товар |Пользователь | Дата добавления | Дата изменения | Количество...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.