space-betweenを使用した時
ul liでマークあっぷした時に、li間のマージンを開けるために私はよく「justify-content: space-between」を使用します。
楽なので生徒さんにもめちゃおすすめしています。
<ul> <li></li> <li></li> <li></li> <li></li> </ul>
ulに対して
ul {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
こんな感じで、「justify-content: space-between」を使用した時に、
最後の行の数が足りなくて、最後だけ真ん中がぽっかり空いちゃうってことありますよね。
その時に、便利な対処法を書いて下さっているサイトがあったので貼っておきます！
(状況も詳しく書いてくれてるのでリンク先をご参照ください！）
justify-content: space-betweenの最後の行を左寄せにしたい時の対処方法
コーディング
>- Blog >
- space-betweenを使用した時
ブログを書いている人
