javascript - 我怎样才能在不移动下面的元素的情况下注入(inject)一堆图像

Question

我有以下代码:

  <br/> <div id='people'></div> <br/>
  a bunch of text . .

所以 people div 是空的，然后我有 javascript(在 ajax 回调的后端用这样的东西填充那个 div:

    $("#people").html(data.results)

其中 data.results 是一堆图片 html (", etc ..)

问题是，当图像出现时，这会将“文本串”部分向下推，看起来有点跳动。我希望它位于预先布置好空间的位置，因此当调用 .html() 方法时，它只是使用此图像 html 填充 DOM，但不会移动或移动页面上的任何其他内容。

Answer 1

如果你知道生成的图像需要多大的空间，你可以通过 css min-height 给这个 div 一个初始高度:

<br/> <div id='people' style='min-height: 250px;'></div> <br/>

除此之外，不是真的。当您向 div 添加内容时，它会放大并将其他内容推开。