1

各要素が内部で<li>強制的に同じ静的な高さを持つ画像の簡単なリストがあります。.containerただし、選択した要素は 2 (または 3) 倍高くなる可能性があります

を使用して作成しようとしましたdisplay:inline-blockが、選択した要素が次の行を下に押し込んでいます http://jsfiddle.net/HedZK/1/

またはfloat:left、少しうまく機能していますが、十分ではありません。一部の要素はまだ下にプッシュされています http://jsfiddle.net/HedZK/2/

正しく行う方法はありますか?

レスポンシブデザインがクラッシュするため、position:absoluteどちらも使用したくありません<table>

4

2 に答える 2

2

css だけで解決する方法はありません。http://isotope.metafizzy.co/のような js ベースのソリューションを検討する必要があります。

于 2013-07-25T15:04:21.497 に答える
0

私はあなたのコードをチェックしてください。

<div class="container" style=" height: 200px ">
                <img src="" alt="">
            </div>

height: 200pxが問題を引き起こしていると思います 。高さを削除: 200px

于 2013-07-25T15:29:22.843 に答える