0

我有一个弹出 div position:fixed。最初我想显示加载图像，直到内容未加载。

我用了

 this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop()  + "px");

this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft()  + "px");

根据屏幕居中 div。它工作正常。

加载内容后会出现问题，因为内容范围从简单的文本段落到复杂的表单，它们会向右和向下扩展。由于我的 div 是根据那个小的“加载”图像居中的，现在有了新的内容，它更偏向右侧和底部。

有什么方法可以在所有 4 个方向上扩展 div。

4

1 回答 1

0

首先，让我们修复你的 div 居中。对于固定 div，请考虑以下事项：

<!DOCTYPE html>
<html>
    <head>
        <style>
            div.center
            {
                position: relative;
                width: 400px;
                height: 400px;
                margin: 0px auto;
                background-color: red;
            }

            div.fix
            {
                position: fixed;
                width: 100%;
                margin: 100px auto;
            }
        </style>
    </head>
    <body>
        <div class="fix"><div class="center"></div></div>
    </body>
</html>

这将使您的 div 动态居中，无论它的大小如何，或者它如何变化（高度和宽度）。它也非常简单（我赞成）。尝试将这种 CSS 应用到您的问题上，它应该可以很好地调整大小。

于 2012-07-03T10:39:20.447 回答