小编典典

使用 jQuery 使 DIV 在屏幕上居中

all

如何<div>使用 jQuery 在屏幕中央设置 a?


阅读 95

收藏
2022-03-02

共1个答案

小编典典

我喜欢向 jQuery 添加函数,所以这个函数会有所帮助:

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
}

现在我们可以写:

$(element).center();

演示:(添加参数)

2022-03-02