Колонки одинаковой высоты без использования Javascript

Колонки одинаковой высоты

При верстке одностраничного сайта, лендинга, а также при создании темы для любой CMS возникает проблема с созданием одинаковой высоты колонок для блоков. Потому что они увеличиваются по высоте только от содержимого внутри каждой из них. Но эту проблему легко решить, потому что сообщество W3C ввели новое свойство, которое понимается всеми современными браузерами.

В статье я подробно рассказал о том, как создать колонки одинаковой высоты без использования Javascript. Для этого нужно лишь написать в файле стилей несколько строчек кода и колонки одинаковой высоты будут корректно отображаться.

Кроме этого, в статье Вы также найдете решение для мобильных устройств, потому что там есть небольшой нюанс, который необходимо соблюдать.

Инструкция по созданию колонок одинаковой высоты с реальными примерами и описанием здесь — Колонки одинаковой высоты.

		Это интересно Это интересно 0 0	Как всё будет выглядеть в блоге: Колонки одинаковой высоты без использования Javascript При верстке одностраничного сайта, лендинга, а также при создании темы для любой CMS возникает проблема с созданием одинаковой высоты колонок для блоков Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/8540663/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Колонки одинаковой высоты без использования Javascript </a> <div class="insert-intro" style="font-family:trebuchet MS;"> При верстке одностраничного сайта, лендинга, а также при создании темы для любой CMS возникает проблема с созданием одинаковой высоты колонок для блоков </div> </div> Колонки одинаковой высоты без использования Javascript <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/8540663/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Колонки одинаковой высоты без использования Javascript</a> <div style="font-family:trebuchet MS;"> При верстке одностраничного сайта, лендинга, а также при создании темы для любой CMS возникает проблема с созданием одинаковой высоты колонок для блоков </div> </div>

Юрий Немец

20.05.2015

В избранное Пожаловаться Просмотров: 650

Следить

Комментарии ⁰

Учимся работать в компьютерных программах 1086

Последние откомментированные темы:

Колонки одинаковой высоты без использования Javascript

Комментарии временно отключены

Открытая группа
54215 участников