画像やブロックの高さを考慮しながら親要素の中央に配置させるjQuery拡張

ちょうど真ん中の位置になるようにmargin-topを設定してるだけ

vertical-alignを使えない時とかのために。
微妙に毎度毎度使うので備忘。

(function($){
    $.fn.verticalMiddle = function() {
        this.each(function(){
            var $this = $(this);
            var _height = $this.height();
            var _parent_height = $this.parent().height();
            $this.css('marginTop',(_parent_height/2) - (_height/2));
        });
        return this;
    };
})(jQuery);

使い方

$(function(){
    $('.top-logo').verticalMiddle();
});