【初心者向け】CSSのFlexboxで要素の並び方を設定する方法

当ページのリンクには広告が含まれています。
html
  • URLをコピーしました!
生徒

Flexboxで要素の並び方を指定する方法を教えてください

先生

Flexboxの子要素の並び方を設定するプロパティについて説明します

この記事でわかること
  • Flexboxの要素の並び方を設定するためのプロパティ
  • 各プロパティの設定値によって表示がどう変わるのか
目次

親要素に display: flex; を設定するとFlexboxになる

並び方を設定したい要素の親要素に display: flex; を設定すると親要素はFlexboxになります。

Flexboxに何も設定しない場合、中の子要素は左から右に横向きに並びます。

グローバルメニューのメニュー項目を横並びにする時などによく使います。

よかったらシェアしてね!
  • URLをコピーしました!
目次