4

現時点では、幅 1024px の div があります。

そのボックスには 2 つの CSS3 列があり、テキストは次から次へと自動的に流れます。

ただし、これらの 2 つの列の高さを 700px に制限したいと考えています。それらがいっぱいになると、同じ高さの列をさらに 2 つ下に表示する必要があります。

これは可能ですか？

4

2 に答える 2

1

これに関する更新：

gimme5 によって言及された Adob​​e CSS Regions の提案は素晴らしいようです。残念ながら、caniuse.com によると、現在、ブラウザーのサポートはほとんどないようです。現在のバージョンの Webkit からは削除されています。

必要な作業を行うことができる、より単純な提案があります: CSS マルチカラム レイアウト ( http://www.w3.org/TR/css3-multicol/ ) は、より広範なブラウザー サポートを備えているようです。まだ試していませんが、大量の Javascript を追加しなくてもうまくいくかもしれません。

于 2013-03-26T11:20:24.857 に答える
1

わかった。あなたが構築しようとしていると私が思うものを達成することは完全に可能です。ただし、自分でやりたい場合は、CSS3 スタイルだけでなく、もう少し多くのものが必要になります。かなりの量の JavaScript も必要になります。

このColumnizer jQueryプラグインを見てください（それは仕事をすることができます）

これは、その作業の結果を示すサンプル サイトです: http://welcome.totheinter.net/autocolumn/sample10.html

于 2011-11-21T16:39:04.000 に答える