把一个元素放在屏幕的中心位置

最新推荐文章于 2021-08-03 19:57:16 发布

原创最新推荐文章于 2021-08-03 19:57:16 发布 · 239 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了如何使用jQuery实现元素的居中布局，通过简单的CSS属性设置，使得元素能够自动定位到窗口的中心位置。

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

让元素居中