最近我实现了画廊,客户说画廊应该在所有分辨率下垂直居中,所以请建议我“如何固定画廊在所有分辨率下垂直居中。
最佳答案
您最好的选择是使用一些 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();
关于javascript - 我如何在所有分辨率下将画廊垂直固定在中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6857748/