[CSS] Flexboxの折り返した要素にだけマージンをつけたい 公開日:2018/09/02 更新日:2020/11/08 Flexboxで要素を並べるとき、ウィンドウの幅によって要素をいくつ並べるか切り替えたいことがあります。 親要素にflex-wrapでwrapを指定。各メディアクエリで要素の幅を変えてやれば、とりあえず折り返すようにはなります。 ここで、要素と要素の間にマージンを取ろうと単純にmarginをセットすると、一行目や一列目にも不要な余白がついてしまいます。 かといって、メディアクエリでいくつ並ぶか計算して必要な要素だけマージンを指定するのも面倒です。 こんなときにどうスタイルを指定したらいいか考えてみました。 サンプルコード html <div class="flex"> <div>1</div> <div>2</div> <div>3</div> <div>4</d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く