Webページをつくっていると2列や3列に並べた要素の配置がしたいことがよくあります。
例えば、ブログの記事が真ん中に大きめにあって、右の方にもう1列目次があるようなものや、
写真を3列で上からならべるようなもの
など。
こういう場合にとても便利なのが、今回のFlexboxという書き方です。
箱を並べていく感覚で直感的に書くことが出来、とても便利です。
Flexboxとは? | |
シャッフルコンテンツを読み込む | [シャッフル] 写真を並べてみる〜ファイルの作成と画像の追加〜 |
[シャッフル] 写真を並べてみる〜HTML編〜 | |
[シャッフル] 写真を並べてみる〜CSS編〜 | |
[シャッフル] Flexbox実戦課題 | |
[シャッフル] Flexbox実戦課題 答えの例 ×1 |
Webページをつくっていると2列や3列に並べた要素の配置がしたいことがよくあります。
例えば、ブログの記事が真ん中に大きめにあって、右の方にもう1列目次があるようなものや、
写真を3列で上からならべるようなもの
など。
こういう場合にとても便利なのが、今回のFlexboxという書き方です。
箱を並べていく感覚で直感的に書くことが出来、とても便利です。