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