Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8707

【css】【flexBox】【レスポンシブ】w100%で、3つ並べて、3つの間隔を均等にしたい

$
0
0

メモです

イメージ
スクリーンショット 2019-11-07 17.31.11.png
間隔を保ったまま、端と端を埋めつつ、3等分したい
↓↓↓↓↓↓
並べたい要素に(子要素に)

.item{margin:050px20px0;width:calc((100%-100px)/3);/*50px * 2 = 100px*/}.item:nth-child(3n){margin-right:0;}

その親要素に

.wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}

Viewing all articles
Browse latest Browse all 8707

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>