其他div向上移动而在图像加载时不会移动

Question

我有一个简单的HTML

<div>
<div>Title</div>
<div><img src="" style="height:147px;" src="...." /></div>
<div>Description </div>

</div>

在加载页面时它是showig标题和描述，当图像被完全加载时，html很好。

我想在加载页面时保持其他div保持不变。

编辑：有一件事我忘了提到html是通过Ajax请求来的

由于

Answer 1

为包含图片的父div提供高度。它将为图像创建边界。即。

<div style="height:147px;"><img src="" src="...." /></div>

将图片尺寸设为width和height（推荐）。

因为本质上div是一个块元素，所以它默认为height:auto。像图像这样的多媒体内容的加载时间比Html DOM的其余部分晚一点。所以你遇到了一点延迟。