HowI可以将画廊垂直中间固定在所有分辨率上

Question

最近我已经实现了画廊，客户说画廊应该是垂直中间的所有分辨率，所以请建议我“如何将画廊垂直中间固定所有分辨率。

Answer 1

你最好的选择是使用一些jQuery插件来集中容器，这需要在中间。是的，您可以使用CSS，但仅限于此元素具有静态高度。 jQuery动态计算元素的高度，不需要静态高度：）

我会给你一个简单的居中插件的链接：

<强> Simple Vertical Align Plugin for jQuery

<强>代码：

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
    return this.each(function(i){
    var ah = $(this).height();
    var ph = $(this).parent().height();
    var mh = Math.ceil((ph-ah) / 2);
    $(this).css('margin-top', mh);
    });
};
})(jQuery);

如何调用它：

$('#example p').vAlign();