如何将浏览器的窗口中心与 <div> 中心匹配答案

【问题标题】：How to match browser's window center with <div> center [closed]如何将浏览器的窗口中心与 <div> 中心匹配
【发布时间】：2013-05-31 01:07:42
【问题描述】：

我有一个 div，它在大多数情况下大于用户的浏览器窗口大小。

我想要的是 - 当用户进入此页面时，他的浏览器窗口的中心应该与 div 的中心匹配（如显示的here）。

所以在进入网站后，用户应该可以向上/向下/向左/向右滚动。

怎么可能做到这一点？非常感谢！

【问题讨论】：

如果您向我们展示您迄今为止取得的成就，将极大地帮助我们提供相关建议。

标签： jquery css html center

【解决方案1】：

嗯，其实很简单：http://jsfiddle.net/enguerranws/fRn49/

$(document).ready(function(){
  var divHeight = $('div').height();
  var divWidth = $('div').width();
  $('div').css({
      'top' : - divHeight/2,
      'left' : - divWidth/2
  });

});

换句话说：元素的中心是其高度的一半和宽度的一半。请注意，该 div 有一个位置：absolute。

编辑：我认为你只能用 CSS 做同样的事情。

【讨论】：