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

в 5:19, , рубрики: jquery, jquery plugins, метки:

Последнее время я часто стал сталкиваться с проблемой вертикального выравнивания у блочного элемента (в 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

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js