- PVSM.RU - https://www.pvsm.ru -

vertical-align: middle с помощью jQuery

Последнее время я часто стал сталкиваться с проблемой вертикального выравнивания у блочного элемента (в css: vertical-align: middel;) В интернете нашел несколько способов решения проблемы, но они не были кроссбраузерными, поэтому я решил написать простое дополнение к jQuery для решения данной проблемы.

Вот сама функция:

jQuery.fn.valignMiddle = function(elem) {
	var h = jQuery(this).height();
	var h2 = jQuery(this).parent().height();
	var pad = (h2-h)/2;
	jQuery(this).css("padding-top", pad);
	jQuery(this).css("padding-bottom", pad);
}

Думаю ничего объяснять из данной функции не стоит, все очевидно.

Применение данной функции:

$("#element_id").valignMiddle();

Автор: koksharov


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/jquery/15808