0

私はこのコードを使用します：

.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) が示すように、これらの写真も上に揃えることです。そんなことがあるものか？

左上揃え

4

1 に答える 1

3

純粋なCSSでは不可能です。一部の Javascript を使用する必要があります。

これらの jQuery プラグインは、まさにあなたが探しているものを実行しています。

  1. jQueryアイソトープ
  2. jQuery メイソンリー
于 2012-11-20T00:49:19.477 に答える