レスポンシブ対応のときなどflexboxを使って順序を入れ替える

flex-flow: row-reverse

レスポンシブ対応などで順序を逆転したいときがあります。
そのときはたった一行で逆転します。

display:flex;を追加している下に以下のコードを入れるだけで対応できます。

display:flex;

/* 以下のコードを追加し位置を逆転 */
flex-flow: row-reverse;

シェアする

  • このエントリーをはてなブックマークに追加

フォローする