jquery实现水平垂直居中
jquery实现元相对于窗口水平垂直居中:
$(document).ready(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
});
});
$('.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实现水平垂直居中
当前链接:http://scyingshan.cn/article/ghsgcp.html