那就先让图片加载完成，再获取高度。js可以用window.onload加载，jquery用$(document).ready()加载事件

个人觉得最好不要用CSS实现瀑布流,在进行页面缩放的时候,页面的布局也会发生改变,没有很好的用户体验,最好还是用jquery或是原生js.

也可以用吧

jq与原生js其实实现原理是一样的，只不过在调用元素操作有不同而已

大概思路如下：

获取所有图片

给每一个图片绑定点击事件

点击图片的时候create一个div，并获取该图片的src

     这个div采用fixed定位，居中显示（padding一定距离，有关闭按钮），位于最上层

     这个div内放一个img元素，img元素的src就是你点击那个图片是获取的src

     将该div加载到body

这样，点击图片即可查看大图

-webkit-column-break-before: avoid;
-webkit-column-break-after: avoid;
-webkit-column-break-inside: avoid;

监听浏览器的缩放事件，在这个事件里重新生成瀑布流

改变dom结构就会重新渲染

-webkit-column-break-before: avoid;
-webkit-column-break-after: avoid;
-webkit-column-break-inside: avoid;

你用outline替代border，显示同样的效果，但是outline是不占空间的

多寫一個resize的監聽, 計算 瀏覽器寬度 / box寬度 取得列數, 一樣可以自適應