jquery का उपयोग कर div के भीतर लंबवत संरेखण div?

Question

किसी को भी jquery vAligh plugins या इसी तरह के अनुभव के साथ कोई अनुभव है?

मैंने निम्नलिखित के लिए संरेखित करने की कोशिश की लेकिन यह विफल हो गया .. मैं एक साधारण वैल्यूइन प्लगइन का उपयोग कर रहा था (मैं अंत में प्लगइन डालूंगा, यह एक jquery एक्सटेंशन), ​​अगर कोई मदद कर सकता है तो यह वास्तव में सहायक होगा .. ।

var overlayLayer = $("<div id='office-location'></div>").addClass('modal-overlay'); 
$('body').append(overlayLayer); 

$('<div id="content-for-overlay" style="background-color: white;"></div>').appendTo(overlayLayer); 

this.render({ to: "content-for-overlay", partial: "office-location-modal" }); // this just copies html into the layer 

$('#content-for-overlay').vAlign(); THIS USES a plugin called valign but it doesn't align 

$("body").css("overflow", "hidden"); 
$('#office-location').css("opacity", 0.8).fadeIn(150); 
$('#content-for-overlay').css("opacity", 1); 

यहाँ एफ एन विस्तार ..

(function($) { 
$.fn.vAlign = function() { 
    return this.each(function(i) { 
     var h = $(this).height(); 
     var oh = $(this).outerHeight(); 
     var mt = (h + (oh - h))/2; 
     $(this).css("margin-top", "-" + mt + "px"); 
     $(this).css("top", "50%"); 
     $(this).css("position", "absolute"); 
    }); 
}; 

}) (jQuery);

Answer 1

आप दिखाया गया है here, खड़ी केंद्र आइटम करने के लिए एक सीएसएस तकनीक का उपयोग कर की कोशिश कर सकते। मुझे विश्वास है कि विधि क्रॉस-ब्राउज़र है, हालांकि दुर्भाग्य से यह आपके मार्कअप में एक अतिरिक्त div जोड़ता है।

यह $().css()