1から順番に並ぶ10個のボックス特定の子要素(ボックス)だけを先頭に配置複数の子要素(ボックス)を末尾へ配置ボックス1つ1つに順序を指定して、望み通りの順序で表示flexを使えば、HTMLソース内の記述順序に影響されずに、CSSだけでボックス群の表示順序を指定できる4つのボックスが縦に並ぶflexbox例1:記述順(横並び)flexbox例2:逆順(縦並び)flexbox例2:逆順(横並び)flexbox例3:指定ボックスの配置を変更(縦並び)flexbox例3:指定ボックスの配置を変更(横並び)flexbox例4:指定ボックスの配置を変更(縦並び)flexbox例4:指定ボックスの配置を変更(横並び)flexbox例5:全ボックスの配置を個別に指定(縦並び)flexbox例5:全ボックスの配置を個別に指定(横並び)画面の大きさに応じて、HTMLソース内での記述順とは異なる順序で表示する狭い画面では、HTMLの記述順(時系列)を無視して、優先度の高いものだけを先に表示したいHTMLに記述した順序で表示CSS(flexbox)で指定した順序で縦方向に表示CSS(flexbox)で指定した順序で、段組を構成して表示HTMLに記述した順序で表示特定のid名のボックスだけを先頭に表示flexboxを解除して、元の時系列順に並べるこの写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。