Вертикальне вирівнювання за допомогою jQuery

Основна css 332

Черговий варіант вертикального вирівнювання. Але не зовсім CSS, використовується третя складова, без якої не працює зара жоден сайт -- JavaScript. 

// Vertical Align version 1.0 * https://github.com/erensuleymanoglu/vertical-align * by Eren SC?leymanoA?lu

(function($) { 'use strict'; $.fn.verticalAlign = function() { return this.each(function() { var a = $(this); var center = function() { var b = a.parent(); var c = a.outerHeight(); var d = b.outerHeight(); var e = 0; b.children().each(function() { if ( $(this).is(a) ) { return false; } e += $(this).outerHeight(true); }); var f = d - e; var g = (f / 2) - (c / 2); b.css({ 'position': 'relative', 'overflow': 'auto' }); a.css({ 'margin-top': g }) }; $(window).on('load', function() { center(); }); $(window).on('resize', function() { center(); }); }); }; })(jQuery);

(function ($) {
// ідентифікатор присвоїти елементу, який тре вирівняти
$('#demo').verticalAlign();
})(jQuery);

Нагадаю, що на сторінці має бути підключена бібліотека jQuery.