異步圖片加載不能撐開DIV

不能撐開DIV原因是：圖片還沒有完全加載完成，div不能獲取圖片的真正高度，導致?lián)尾婚_。
解決方案：監(jiān)聽圖片的加載過程，等圖片加載完成后，使用JQ的html()方法插入。

你可以自己寫代碼判斷所有圖片加載完成后（序號考慮兼容問題，特別是IE），再插入到dom中。也可以使用現(xiàn)有的插件，比如
imagesLoaded（官網(wǎng)：https://imagesloaded.desandro...）

偽代碼（這里使用jquery的方式使用該插件，該插件也可以不使用juery）:

//html是從后臺獲取到的數(shù)據(jù)
var html = "<div>aaa<img src="xxx"/>bbb<img src="xxx"/></div>";
$(html).imagesLoaded( function() {//圖片加載完成后再插入到dom中。
       //插入到dom中。
});

樓上說的有些道理，我補充一點，可以通過監(jiān)聽圖片的onload事件，在這個事件中，你可以拿到圖片的寬高，然后可以暫時先把容器設置為同樣的寬高。