3

スクリーンショットでわかるように：ここに画像の説明を入力

順序はそれほど完璧ではありません。記事を隙間なく並べるのが好きです。次のような意味です。

ここに画像の説明を入力

CSS/CSS3またはjavascriptを介してそれを管理する方法はありますか? どうもありがとう！

4

4 に答える 4

7

これがCSSでフロートがどのように機能するかです。達成しようとしていることにjQuery Masonryを使用してみてください。

于 2013-03-07T10:19:12.603 に答える
3

CSS を使用できますが、問題は、プロパティが IE10 しかサポートしていないことです。次に、jQuery Masonry にフォールバックできます

http://jsfiddle.net/4gXCs/

.col {
   -moz-column-count:2; 
   -webkit-column-count:2; 
   column-count:10px;
   -moz-column-gap:10px;
   -webkit-column-gap:10px; 
   column-gap:2;
}
于 2013-03-07T10:25:32.787 に答える
1

使用する必要があるかもしれませんmasonry plugin

http://masonry.desandro.com/

于 2013-03-07T10:19:34.007 に答える
-1

このようなことを意味しますか？

働くフィドル

2 つの垂直 div を使用して完了

<div class="one">
    <div class="leftTop"></div>
    <div class="leftBot"></div>
</div>
<div class="two">
    <div class="rightTop"></div>
    <div class="rightBot"></div>
</div>
于 2013-03-07T10:47:22.743 に答える