私はフレックスボックスにやや慣れていません。3 列のレイアウトを使用して、ブラウザーで幅が狭くなったときに、これらの 3 列を 2 行に変換できるようにしたいと考えています。
例えば：
Container
Col 1 | Col 2 | Col 3
になる：
Container
Col 1 | Col 3
Col 2
これは可能ですか？
質問する
2323 次
1 に答える
2
はい、できますが、それ自体はあまり「クリーン」ではありません。
メディア クエリを使用して、列のフレックス基準を変更します。したがって、幅が狭い場合、flex-basis は %50 になり、幅が広い場合は 33% になります。
次に、order を使用して、必要に応じてボックスを配置します。
それをチェックしてください：http://codepen.io/anon/pen/LvIni
于 2013-11-07T18:37:56.340 に答える