javascript - 使用 css 或 flexslider.js 将幻灯片对齐到中心

Question

我只是想知道是否有人有办法让这些幻灯片在中间垂直对齐。我已经尝试vertical-position: middle;过 CSS 和其他建议，但无济于事。

该页面可以在这里找到。

Answer 1

有时我使用这个片段来垂直对齐东西，因为 CSS 的垂直对齐往往很喜怒无常；）

(function ($) {
    $.fn.vAlign = function(fn) {

        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);

然后你可以这样称呼它： $(".your-element").vAlign();