画像やブロックの高さを考慮しながら親要素の中央に配置させる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();
});