Kakera.link

Flexboxとは?

Webページをつくっていると2列や3列に並べた要素の配置がしたいことがよくあります。

例えば、ブログの記事が真ん中に大きめにあって、右の方にもう1列目次があるようなものや、

2E56F925-F315-4135-9A5C-CBD7CEA21BB7

写真を3列で上からならべるようなもの

42B8B259-E5AD-4222-A31D-F0B9689737C0

など。

こういう場合にとても便利なのが、今回のFlexboxという書き方です。
箱を並べていく感覚で直感的に書くことが出来、とても便利です。

最終更新: 2021/02/15 00:25