0

私はこのようなグリッドを持っています：

<div class="container">
    <div class="item">
        Some Content
    </div>
    <div class="item">
        Some Content
    </div>
    <div class="item">
        Some Content
    </div>
    <div class="item">
        Some Content
    </div>
    <div class="item">
        Some Content
    </div>
    <div class="item">
        Some Content
    </div>
</div>

そしてこのようなCSS

.container{
width:100%;
}

.item{
width:33%;
float:left;
min-width:150px
}

この状況で何が起こるかというと、コンテナが450ピクセルより大きい場合、3つの列と2つの行が得られます。コンテナの幅が450px未満に減少すると、2列と3行になり、アイテムは150px幅に強制されます。

問題は、2番目の項目の右側に見苦しい空白があることです。

常にコンテナの幅いっぱいになるように作りたいです。これは可能ですか？

4

1 に答える 1

1

jQuery Masonryを試しましたか？私はそれがあなたの問題に対する最良の解決策だと思います：jquery石積み

于 2012-04-26T03:36:10.347 に答える