Делаем html блоки одной высоты

Возврат к списку

equal_column_height.png

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

Роль помощника в этом вопросе берет на себя плагин Simple Equal Heights Пример работы плагина вы можете увидеть на демо странице.

Для корректно работы, на сервере должна быть подключена JQuery библиотека, версия не ниже 1.7.2 Пример инициализации плагина, внутри блока с ID equalheight  будут обработаны все div блоки и им будут установлена одинаковая высота. 

	<script>
		$('#equalheight div').equalHeights();
	</script>   

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



BvZBvZ26.05.2016 в 20:56
0
Спасибо за статью, помогла.
ответная реплика


Возврат к списку