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 Isotope
2. > jQuery Masonry