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

hqmln

于 2013-05-31 02:22:48 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/hqmln/article/details/84437454

jquery 专栏收录该内容

51 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

让元素居中