将div左上角的一组图像与css对齐

Question

我使用此代码：

.photocontents {
    position: relative;
    display: inline-block;
    padding: 20px;
    margin: 0px;
    width: 100%;
    height: auto;
}
.photo {
    position: relative;
    float: left;
    display: inline;
    padding: 0px;
    margin: 10px;
    width: auto;
    height: auto;
}

制作具有图像（a）结果的照片库。

我想要的是将这些照片对齐在顶部，如图（b）所示。 怎么可能？

Answer 1

纯CSS无法实现。你必须使用一些Javascript。

这些jQuery插件正在寻找你正在寻找的东西：

1. jQuery Isotope
2. jQuery Masonry