ITPub博客

首页 > IT职业 > IT职场 > jquery实现水平垂直居中

jquery实现水平垂直居中

IT职场 作者:boss_ch 时间:2021-09-09 09:50:06 0 删除 编辑

         jquery实现元相对于窗口水平垂直居中: $(document).ready(function(){
 $('.className').css({
  position:'absolute',
  left: ($(window).width() - $('.className').outerWidth())/2,
   top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
 });
});
 

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

.class{

 width:300px;

height:400px;

position:absolute;

left:50%;

top:50%;

margin:-200px 0 0 -150px;

}



 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/97/viewspace-2813144/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: Navigation 详解二
请登录后发表评论 登录
全部评论

注册时间:2019-02-22

  • 博文量
    83
  • 访问量
    465