0

ビューポートが特定の幅を下回ると、同じ幅の4列が、同じ幅の3列にドロップし、さらに指定されたビューポート幅で同じ幅の2列にドロップする、単純な流動的なレイアウトを作成したいと思います。列が落ちると、次の行にドロップするため、元の列の下に表示されます。

これを達成する方法についてのポインタや色付きのdivを使った簡単なフィドルが最も役立ちます!

ありがとうデヴィン

4

4 に答える 4

1

CSSで列(div)の幅を設定できますが、ウィンドウが特定の幅のときに3列または2列に切り替わる部分を実行するには、JavaScriptが必要になります。CSSだけでは、そのようなロジックは組み込まれていません。

于 2012-06-26T15:42:51.950 に答える
1

一般的な例:http ://dabblet.com/gist/2996934

于 2012-06-26T16:36:06.783 に答える
0

この聖書のサンプルをチェックしてください

喜んで可能であれば、cssの列数で新しい標準がどのように進歩するかを確認してください:http: //1plusdesign.com/articles/the-future-of-newspaper-column-style-layout-with-css-3/

于 2012-06-26T16:44:05.263 に答える
0

与えられたすべての有用なポインタに感謝します。これがどのように達成できるかを説明する簡単なフィドルです:jsfiddle.net/Paulie_D/QFhh9

于 2012-06-27T12:05:09.293 に答える