【初心者向け】CSSのFlexboxで要素の並び方を設定する方法
当ページのリンクには広告が含まれています。
Flexboxで要素の並び方を指定する方法を教えてください
Flexboxの子要素の並び方を設定するプロパティについて説明します
- Flexboxの要素の並び方を設定するためのプロパティ
- 各プロパティの設定値によって表示がどう変わるのか
目次
親要素に display: flex; を設定するとFlexboxになる
並び方を設定したい要素の親要素に display: flex; を設定すると親要素はFlexboxになります。
Flexboxに何も設定しない場合、中の子要素は左から右に横向きに並びます。
グローバルメニューのメニュー項目を横並びにする時などによく使います。
生徒
先生