如何在内容加载后向所有方向展开div？

我有一个弹出式div position:fixed。最初我想显示一个加载图像，直到内容未加载。如何在内容加载后向所有方向展开div？

我用

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。

来源

2012-07-03 Nikhar

首先，让我们来修复你的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>

这将动态中心您格，无论怎样它的大小，或者它如何改变（高度和宽度）。这也是非常不hacky（我赞同）。尝试将这种CSS应用于您的问题，它应该调整大小。

来源

2012-07-03 10:39:20

如何在内容加载后向所有方向展开div？

回答

相关问题