使用Jquery使div一直垂直居中

2018-10-26  本文已影响0人  方_糖

JS

$(function(){   //在页面载入时调用
  $(window).resize();    
})
$(window).resize(function(){
  $(".box").css({
    position:"absolute",
    left:($(window).width()-$(".box").outerWidth())/2,
    top:($(window).height()-$(".box").outerHeight())/2
  });
})

HTML

<div class="box"></box>

CSS

随便设,哈哈哈哈

此外,提及一下calc的使用

一定要注意!!!! calc(100% - 0px); 的符号(“+” , “-”)两边一定一定要空格
上一篇 下一篇

猜你喜欢

热点阅读