jquery实现水平垂直居中

jquery实现元相对于窗口水平垂直居中：

$(document).ready(function(){
$('.className').css({
  position:'absolute',
  left: ($(window).width() - $('.className').outerWidth())/2,
   top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
});
});

css实现元素水平垂直居中：

创新互联建站"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销，产品发布一步更新，电脑网络+移动网络一网打尽，满足企业的营销需求！创新互联建站具备承接各种类型的成都网站建设、成都网站制作项目的能力。经过10多年的努力的开拓，为不同行业的企事业单位提供了优质的服务，并获得了客户的一致好评。

.class{

width:300px;

height:400px;

position:absolute;

left:50%;

top:50%;

margin:-200px 0 0 -150px;

}

当前文章：jquery实现水平垂直居中
分享URL：https://www.cdcxhl.com/article28/ghsgcp.html

成都网站建设公司_创新互联，为您提供网站设计公司、服务器托管、定制开发、营销型网站建设、品牌网站建设、全网营销推广

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容