HOME > コンテンツの表示順を変更する方法

コンテンツの表示順を変更する方法

スマホで見た時にコンテンツの表示順を変えたいという時に、コンテナ化して逆表示するタグがあることを知りました。
モバイルファーストな時代にこれは便利!

参考:HTMLの記述順に関係なく自由に表示順を変更できるCSS

イラスト:ダナンさん撮影 野生のバンビ

.samplebox {
   display: flex;  /* Flexコンテナ化 */
   flex-direction: column-reverse; /* 縦向きで逆順に配置 */
}

わたしの管理しているサイトではまだデスクトップからのアクセスが4割なのでどちらも快適に見られるように別テーマにしています。レスポンシブだと細かい入れ替えが難しくなるのでこんな入れ替えが前後左右、上下も自由にできるのは助かります。


カテゴリー:わーどぷれす, イラスト

コメントを残す

PageTop