Flexboxとは Flexbox = Flexible Box Layout Module CSS3から導入されたレイアウトモジュール これを使うことfloatをサヨナラできます。 用語 詳しくはW3Cのflexページへ 使い方 flexレイアウトを適用したい要素の親要素にflexを指定します。
はじめに flex-boxを使います。 スマホ(タブレット)のブレークポイントを768pxとしています。 Html <div class="main"> <div class="item1">1</div> <div class="item2">2</div> <div class="item3">3</div> <div class="item4">4</div> </div> .main{ display: flex; flex-flow: row wrap; } .main div{width: 50%;} .main .item1{order: 1;} .main .item2{order: 3;} .main .item3{order: 4;} .main .item4{order: 2;}/*このセルの位置を操作*/ @media (max-width: 768px) { .m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く