gapの余白指定が便利! gridとflexでできる新しいCSSレイアウト手法
BRANK
CSSのgapプロパティーは余白を指定できる新しめの手法です。余白といえば、marginプロパティーやpaddingプロパティーを思い浮かべる方が多いと思いますが、CSS GridやFlexboxでgapプロパティーを使うと柔軟にレイアウトを組めます。もともとgapプロパティーはCSS Gridでのみ利用できていましたが、macOS Safari 14.1およびSafari on iOS 14.6からFlexboxでもgapプロパティーが使えるようになりました。 この記事ではFlexbox、CSS Gridで利用できるgapプロパティーを活用したレイアウト手法とそのメリットを紹介します。
2 comments
Flexboxでもgapが使えるのが便利。少し前のSafariが気がかりですが、今後は主流になっていくでしょう。
gapの余白指定が便利! gridとflexでできる新しいCSSレイアウト手法 - ICS MEDIA ics.media/entry/210628/
#postdev