cssのみを使用して石工レイアウトを作成するには？

私はcssのみを使用して石積みのレイアウトを作成したい、私はインターネットですべてのチュートリアルを読むが、それらはレイアウトを分割するために列のプロパティを使用して、レイアウトはこのような表示されます（1,2,3 ...アイテムです）。cssのみを使用して石工レイアウトを作成するには？

1|3|5 
2|4|6

私は私のレイアウトがなければなりませんしたい：私はあなたがこの問題を解決するための任意のソリューションやアイデアを持っているなら、私に教えonly.Please CSSを使用したい

1|2|3 
4|5|6

。

出典

2016-05-23 Xuân Hiển Ngô

Masonryは位置を検出して絶対位置ですべてを配置するため、Javascriptで構築されています。 CSSは位置を検出することはできませんが、 '@media queries'と' position：abolute'を使うことができます。 –

@DaanHeskes CSSを使用することは不可能です、そうですか？ –

絶対に不可能ではありませんが、自動整列などはありません.Javascriptはそうしています。 'position：absolute'をすべて行い、' top'と 'left'オフセットを設定することができます。次に、CSS3 Media Queriesを使用して、より小さい/より大きな画面に変更します。 –

フレックスボックスを使用できます。詳細はcodepenを参照し、complete guide to flex boxを参照してください。

レイアウトを水平に保つには、flex-directionを好きなように調整します。

出典

2017-03-28 12:39:13 Libi

cssのみを使用して石工レイアウトを作成するには？

答えて

関連する問題