0

どこから始めればよいかわかりません：

ここhttp://www.flickr.com/search/?q=flowersとほぼ同じように、写真の行で幅/高さをカスタム編集する方法を探しています。flickR では、写真の各行は同じ幅で、その行の各写真は同じ高さです。綺麗に並びますように。

私のページでは、php を使用して 2 つまたは 3 つの画像をランダムに選択して 1 行に表示します。幅が設定されたサイズ (50% の 2 つの画像または 33% の魔女などの 3 つの画像) になるように設定していますが、それは高さが画像の間をオフにします。きちんとした解決策は、画像の高さと幅を見て、幅と高さが一致するように調整され、整然とした線を保つようにサイズを計算するスクリプトだと思います。

どこから始めればよいか知っている人はいますか？ありがとう

4

3 に答える 3

1

おそらく、このブログ投稿を見ることから始めることができます。

http://www.crispymtn.com/stories/the-algorithm-for-a-perfectly-balanced-photo-gallery

于 2013-09-12T23:53:35.557 に答える
0

画像を次のように設定しbackground-image、プロパティを使用しbackground-size: coverて含まれている要素を塗りつぶすことができます。各画像コンテナの特定の幅と高さを設定するだけでbackground-size: cover、コンテナが画像でいっぱいになります。

詳細はこちら: http://css-tricks.com/perfect-full-page-background-image/

マークアップ

<div class="imageOne" style="background-image: url('x');"> </div>

CSS

.imageOne {
    background-size: cover;
}
于 2013-09-13T00:05:44.790 に答える