javascript - cssまたはflexslider.jsでスライドを中央に揃える

Question

これらのスライドを中央で垂直に整列させるための修正を誰かが持っているかどうか疑問に思いました. vertical-position: middle;CSSやその他の提案を試しましたが、役に立ちませんでした。

ページはここにあります。

Answer 1

CSS の vertical-align は不機嫌になりがちなので、このスニペットを使用して縦に並べることがあります ;)

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