2

Windows 8 の最新の UI のように見える、スクロールバーのないインタラクティブな Web アプリを構築しています。http://metroui.org.ua/を使用してレイアウトを構築しました。しかし、問題があります。ここで説明されている新聞の列のレイアウト (3 かもしれません) を作成したいです。

  • ブロック（正方形または水平の長方形）を追加すると、1列に線形レイアウト（左から右、上から下）として表示されます。最も重要なのは、列がいっぱいになると、ブロックが次の列に追加されることです。
  • 3つのdivを使用してみましたが、ブロックを次の列に自動的に移動できません(javascriptを使用していません)。

誰かが私にいくつかの解決策を教えてもらえますか?

4

2 に答える 2

1

ここで正直に何を求めているのかを明確にすることではありません。あなたが提供したテンプレート リンクはレスポンシブで、メディア クエリを使用します。このレイアウトに新しい列を追加する場合、それがどのように機能するかを理解する必要があります。

于 2012-11-23T15:34:20.523 に答える
0

CSS3は、任意のHTMLノードのコンテンツを任意の数の列に変換する方法を提供します。列の数、幅、相対的な高さ（「塗りつぶし」、またはコンテンツを既存の列に分割する方法）、列間のガター、「ルール」（線または境界線を分割する）などを制御するためのプロパティがあります。

開始点として、w3schools.comCSS3複数列のリファレンスページを参照してください。

ただし、いつものように、広く使用されているブラウザの中でIEだけでは、列CSS3プロパティをサポートしていません。

クロスブラウザソリューションの1つは、ColumnizerjQueryプラグインです。

于 2013-03-13T21:29:10.427 に答える