Question

在屏幕上居中（水平和垂直）对齐<div>的最兼容方法是什么？

我目前正在使用CSS：

div.myBlock
{
    position:absolute;

    width:500px;
    left:50%;
    margin-left:-250px;

    height:500px;
    top:50%;
    margin-top:-250px;
}

这在现代浏览器中运行良好，但在较旧的chrome / firefox等中搞乱。

这是一个基本的弹出窗口，例如FaceBook上的弹出窗口。

有什么想法吗？也许使用JS / jQuery可以有效吗？

Answer 1

我正在使用这个功能来集中我的东西，到目前为止一直在工作。

来源是来自这里，不记得是谁。

    // $(element).center();
    jQuery.fn.center = function () 
    {
        this.css("position","absolute");
        this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
        this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
        return this;
    }

修改

发现：

using-jquery-to-center-a-div-on-the-screen

对齐<div>屏幕中心 - 最兼容的版本</div>

1 个答案: