フレックスボックスで誤ってスタックされたコンテンツをレイアウトする方法

-1

今、私たちはこのレイアウトを持っています。JSの数学を使って動作させています - JSを殺すことができたら本当にクールだと思っていますフレックスボックスを使用してください。私はこの問題を解決するためにいくつかの問題を抱えています。助言がありますか？フレックスボックスで誤ってスタックされたコンテンツをレイアウトする方法

出典

2016-10-20 mattbtay

質問を投稿する際のガイドラインを考慮してください：http://stackoverflow.com/help/how-to-ask –

これは助けになる可能性のある投稿です：http://stackoverflow.com/a/39645224/3597276 –

Flexboxは、単一次元に沿って配置するための優れたツールです。定義したレイアウトは、グリッドレイアウトで簡単に達成できますが、それはまだファイナライズされておらず、ブラウザで実装されていません。 flexboxを使用することは可能ですが...各列はフレックスコンテナで、 'flex-direction'が' column'に設定されています。それらの3つの列に対してflexのコンテナが必要です。 'flex'は' row'に設定されています。 –

あなたの要素の高さが一致していませんが、その幅がでないように見えます。あなただけのフレックスコンテナ内の要素を入れて、プロパティを適用できます。

flex-direction: column; 
flex-wrap: wrap;

あなたは、特にあなたが問題を抱えているものに対処するためにあなたの質問を編集することもできます。

出典

2016-10-21 00:57:22 rwakeman

フレックスボックスで誤ってスタックされたコンテンツをレイアウトする方法

答えて

関連する問題