0

写真形式の質問

レイアウト0は、cssの簡略化されたビューでこのレイアウトを実現する方法を示しています。レイアウト1と2の作成方法に関するヘルプ/提案/アイデアが必要です。ブロックは任意の順序でレンダリングでき、固定幅(それぞれ25%または50%-レイアウト0のように)...作業中のスパナそれらは事前定義された高さを持っていませんか。

私はcssのみのソリューションを好みます。各レイアウトには、独自の親/コンテナーdivがあります。したがって、ある行に配置が最適で、別の行に最適な場合は、それが適切です。

はがきでの回答...ありがとうございました

PSたとえばhttp://masonry.desandro.com/のようなjsライブラリを参照するような回答を避けることはできますか...

4

3 に答える 3

1

コンテナabsolute内に要素を配置し、CSSで配置を設定するだけで、好きな場所に要素を配置できます。

フィドル

于 2012-08-05T16:53:53.133 に答える
1

2つの列をdivでラップし(2つの小さなdivを1つの大きなdivでwidth: 25%)、それらをすべて作成しますfloat: left(ラップされたdivを除く)。

于 2012-08-05T16:36:47.900 に答える
1

フロートだけでそれを行うこともできますが、レイアウト1では、少しマージンの「トリック」を適用する必要があります(何かを見落としている場合を除く)

フィドル

一見理解するのは少し難しいかもしれません。絶対に必要でない場合、私は絶対的なポジショニングの大ファンではありません。この場合、@adeneoソリューションがおそらく最もクリーンな方法であることを認めなければなりません。

于 2012-08-05T20:02:08.823 に答える