Вопрос

Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu

Подскажите, как это сделать? Верстка респонсив.
Причем нужно чтобы и заголовки и цены тоже были на одном уровне

Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять

Изменено пользователем yaparoff

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0
3 минуты назад, Switch74 сказал:

выравнивать нужно аналогично?

да. Но тут немного другая верстка

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

ну возможно размер для заголовка в две строки и выравнивание по центру поможет?
а вообще пока не понятно что относительно чего нужно выравнивать по вертикали:
по центру, верху или низу

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
2 минуты назад, Switch74 сказал:

ну возможно размер для заголовка в две строки и выравнивание по центру поможет?
а вообще пока не понятно что относительно чего нужно выравнивать по вертикали:
по центру, верху или низу

 

Меня больше всего смущает следующее:
Чтобы отцентровать изображение нужно знать высоту родительского блока. Но у родительского блока нет фиксированной высоты, т.к. она меняется постоянно из за ширины экрана

Как отцентровать изображение в данном случае?

Изменено пользователем yaparoff

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

это все проценты и не проблема, основная проблема у вас сейчас что высота блока зависит от высоты картинки
задайте высоту блока и тогда у вас все будет выравниваться относительно него (я бы делал так)

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

mrnobody, вы очередной раз удивляете меня своей магией!
Не до конца понимаю как это работает

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: hike
      В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя.
       
      Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)?
       
      Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera.
       
      Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результату при высоте родительского слоя .wrap{height:100%}, хотя, как видно из примера, отлично работает для центрирования слоя krug внутри слоя ramka.