Некорректно отображается список товаров в режиме сетка.

[Debosh]

Есть пробелы в сетке товаров. Размер карточек товаров одинаковый, вроде ничего не едет

 

[spectre]

сделайте одинаковую высоту названия и все будет тип-топ

[Eldaeron]

Стандартная проблема многих шаблонов. Высота  1-2 блока чучуть больше чем 3, поэтому 4 и дальше уже так криво, нужно резать или сокращать название товара или меньше отображать, прятая лишнее

Для div или span с названием например так можно: (или в какой-там теге у вас обернутое название товара)

max-height: 64px;

overflow: hidden;

 

Значение под себя нужно.

 

[Debosh]

26 минут назад, Eldaeron сказал:

Стандартная проблема многих шаблонов. Высота  1-2 блока чучуть больше чем 3, поэтому 4 и дальше уже так криво, нужно резать или сокращать название товара или меньше отображать, прятая лишнее

Для div или span с названием например так можно: (или в какой-там теге у вас обернутое название товара)

max-height: 64px;

overflow: hidden;

 

Значение под себя нужно.

 

Видимо, проблема не в названии, а в изображениях. Ибо при масшабировании становится видно, что параметры изображения не одинаковые.

[Eldaeron]

Так возьмите полную высоту блока по тому же принципу обрезки что я скидывал.

Или для отдельных внутри блока (Картинки, названия)

 

height: 100%;

max-height: ... укажите свое значение ... например: 400px;

overflow: hidden;

 

[spectre]

не max а min

 

потому что если один блок с названием 50 а второй 51 ваш max-height до одного места 

а вот min-height 52 поправит ситуацию

 

я стараюсь делать просто height на определенное кол-во строчек

Змінено 5 січня 2018 користувачем spectre

[Debosh]

1 час назад, Eldaeron сказал:

Так возьмите полную высоту блока по тому же принципу обрезки что я скидывал.

Или для отдельных внутри блока (Картинки, названия)

 

height: 100%;

max-height: ... укажите свое значение ... например: 400px;

overflow: hidden;

 

 

1 час назад, spectre сказал:

не max а min

 

потому что если один блок с названием 50 а второй 51 ваш max-height до одного места 

а вот min-height 52 поправит ситуацию

 

я стараюсь делать просто height на определенное кол-во строчек

Спасибо огромное, разобралась! 
Поставила min-height на изображения.

[Eldaeron]

3 часа назад, spectre сказал:

не max а min

 

потому что если один блок с названием 50 а второй 51 ваш max-height до одного места 

а вот min-height 52 поправит ситуацию

 

я стараюсь делать просто height на определенное кол-во строчек

та нет, max так же работает, просто overflow:hidden обрежет до максимума тех же 52 скажем)))

Хотя не буду спорить возможно лучше будет min-height поставить)  Темболее суть не важно, работает