Flexbox モデルを使うには、Flexbox コンテナが必要です。 CSS3 で [ display:flex ] と指定した要素が Flexbox コンテナとなります。 [ Flexbox コンテナ ] で指定できるプロパティ ———————————————————————- flex-direction : 子要素の配置方向 flex-wrap : 子要素を折り返すかどうか justify-content : 子要素の揃え方。 : flex-direction = 水平方向の場合、右揃え・中央揃え・左揃えなど。 : 均等に間隔を空ける設定もできます。 align-items : 子要素の揃え方。 : flex-direction = 水平方向の場合、上揃え・中央揃え・下揃えなど。 : 親要素の高さいっぱいに伸ばす設定もできます。 align-content : 複数行になった時の子
![CSS3 の可変ボックス ( Flexbox ) レイアウトが超絶便利そう!](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1592814344d1ff6cdcdd97e17dd1daf80d2c586/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2013%2F05%2Fflexbox.jpg)