jquery - 将 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 同位素
2. jQuery砌体