エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
パターンで覚えるflexbox(4)─flexboxの応用例─ | Studio947 狩野祐東・狩野さやかの本
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
パターンで覚えるflexbox(4)─flexboxの応用例─ | Studio947 狩野祐東・狩野さやかの本
ここまで第1回、第2回、第3回と、flexboxの機能をいろいろと紹介してきました。実際に使われそうなケー... ここまで第1回、第2回、第3回と、flexboxの機能をいろいろと紹介してきました。実際に使われそうなケースを紹介してきて、おそらくこれだけできれば大体のことはこなせると思います。 ところがこれで終わらないのがflexbox。最後にボックス配置の応用例として、2つの例を紹介します。 応用例1:多数のボックスをタイル状に配置する 1番目の応用例として、多数のボックスをタイル状に配置してみます。いままで、flexアイテムは2か3つくらいでしたが、もっと多くのボックスを並べてみます。 第2回で紹介したサンプルのHTMLを編集して、子要素(<div class="flex-item">〜</div>)を8個に増やします。 <div class="flex-container"> <div class="flex-item"> <p>Lorem ipsum dolor sit amet, conse