公式中心A模态

Question

伙计我需要一个帮助我很难让公式集中这个模态（http://www.queness.com/post/77/simple-jquery-modal-window-tutorial）我的浏览器大小是1263X582，我通过使用jquery

中的公式解决它

    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

所以基本上我最终将以1263/2 - 395/2作为顶部和582/2 - 223/2然后我结束TOP：179.5 LEFT：434但是当我检查元素网站并检查是否我纠正它给了我一个不同的答案。我只是想知道我的解决方案是否正确，或者解决这个问题的原因是什么。

感谢。

Answer 1

公式看起来很好，只需确保为winH，winW和模态尺寸获得正确的尺寸。

如果模态不可见，您将获得0，或者如果它不在您的文档窗口中，它将具有奇怪的形状。

另请注意height()和width()不考虑填充，但outerWidth()会考虑填充。

提示： 将$（id）存储在另一个变量中以优化您的jQuery查询。

var modal = $(id);
modal.css('top', winH/2 - modal.height()/2);