javascript - 在加载隐藏的 div 时保留空白

Question

在下面的代码中，一个 div 被隐藏，直到它从第 3 方服务器获得 OK，然后它通过 jquery 呈现。目的是营造平稳加载的印象。问题是这个 div 下面的段落在 div 加载后被下推，这违背了这个技巧的目的。解决该问题的最佳方法是什么？

http://jsfiddle.net/Sh7aA/7/

<div id="fb-root"></div>
<p style="text-align:center">Follow us!</p>
<center style="display: none;" id="social">
    <div class="g-plusone" data-size="medium"></div>
    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</center>

<p style="text-align:center">Test paragraph of text<br>
Paragarph continued</p>

Answer 1

设置加载内容的容器的min-height，以匹配加载内容的高度。