码迷,mamicode.com
首页 > Web开发 > 详细

怎么使用jQuery在DIV适应屏幕大小一直居中

时间:2015-05-02 16:24:27      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

js的代码是这样的:

$(function(){

$(window).resize(function(){
$(".login").css({
position: "absolute",
left: ($(window).width() - $(".login").outerWidth())/2,
top: ($(window).height() - $(".login").outerHeight())/2
});
});

$(window).resize(); s

});

原理是就是先获取Window的大小,再减去DIV的大小,再除以2,就会一直左右垂直居中。

怎么使用jQuery在DIV适应屏幕大小一直居中

标签:

原文地址:http://www.cnblogs.com/Yirannnnnn/p/4472055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!