2016.07.13 【JSいらず】CSS3 のFlexbox を使った、イマドキの上下中央配置レイアウト Flexboxは実戦投入していますか? この便利なボックスレイアウトを使えば散々制作者の頭を悩ませた横並びレイアウトが簡単に出来ます。 プロパティが多くて「アレをするにはどうするんだったっけ・・・?」となることも多々ありますが・・・。 See the Pen Basic Flexbox by Chiaki (@mellowchanter) on CodePen. 基本的には、上のソースコードのように display:flex; を指定すれば、子要素がキレイに横並びになります。 子要素の幅を変えたいときは、子要素に flex-basis: サイズ; を指定しましょう。 もっと詳しくFlexboxの使い方を知りたい方は、下記のURLを参考にしてみてください。 フレックスボックスでカラムレ
![【JSいらず】CSS3 のFlexbox を使った、イマドキの上下中央配置レイアウト | Tips Note by TAM](https://cdn-ak-scissors.b.st-hatena.com/image/square/5872b510e8b41df61cfbe50b03280bcb53392d2a/height=288;version=1;width=512/https%3A%2F%2Fwww.tam-tam.co.jp%2Ftipsnote%2Fwpdata%2Fwp-content%2Fuploads%2F2016%2F07%2Fflexbox-1024x538.jpg)