Матвей Земсков

Заметки веб-мастера

Четверг, 04 сентября 2014 16:56

Элементы списка одинаковой высоты

Иногда может понадобиться вывести на странице блоки с информацией в несколько столбцов и колонок. Например, это может быть список товаров из какой-нибудь категории или анонсы каких-то мероприятий. Обычно в каждом блоке содержится: название, краткий анонс, картинка для анонса и краткое описание. И тут возникает проблема: блоки получаются разными по высоте, что выглядит некрасиво. Кроме того, из-за разной высоты они могут смещаться и «наезжать» друг на друга. Как же решить эту проблему? Если с картинками еще можно что-то сделать: установить им одинаковую высоту, то с текстом ничего не получится, даже если выводить в блоке текст заданного размера. В этой заметке я расскажу, как можно выровнять элементы блоков по высоте.

Опубликовано в JavaScript, jQuery
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх