JavaScriptfacebooktwitterFlexboxを使いこなそう!の第4弾です。Flexboxを使いこなそう!-子要素の折り返しを指定する-今回は水平方向の配置指定についてです。通常でしたらfloatやtext-align等の指定を行いますが、Flexboxは独自の指定があります。500px;}こちらが基準になるHTMLになります。ここから水平方向の配置指定をしていきましょう。flex-start;}flex-startは初期値になります。通常通り左寄せで表示がされます。flex-end;}flex-endは右寄せのような形になります。center;}centerで中央寄せになります。space-between;}space-betweenで最初と最後以外の要素を均等配置してくれます。通常でしたら:last-childなどで設定の必要がありそうなものが1行の記述で済むのはありがたいです。;}space-aroundはspace-betweenとは異なり、すべての要素を均等配置してくれます。新しい記事を書きました。