Вертикальное выравнивание CSS не выравнивание - PullRequest
Новая
       6

Вертикальное выравнивание CSS не выравнивание

0 голосов
/ 08 июня 2018

У меня проблема с вертикальным выравниванием продуктов на сайте vape, над которым я работаю, похоже, я не могу выровнять продукты, причина в основном в том, что длина описания, рейтинг в звездах и цена / продажа отличаются вверхдо 3 строк.

В идеале я хотел бы выровнять:

верх фотографий

И

добавить вкорзина / выберите параметры

не просто одно или другое, как сейчас.

Вот сайт vape , над которым я работаю.

Кто-нибудь сможет помочь с этим?

1 Ответ

0 голосов
/ 08 июня 2018

В div с классами box-text box-text-products text-center grid-style-2 Я хотел бы добавить другой класс или добавить следующее к классу текстового поля. 

  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-flow: row;

Затем добавьте align-self:end в div с классами price-wrapper& add-to-cart-button.Возможно, вам также понадобится убедиться, что общий содержащий div установлен на высоту 100%, я думаю, что это div с классом col-inner.Если у вас есть дополнительные вопросы по использованию CSS-сетки, вы можете обратиться к CSS Trick Guide to Grid .

...