オンラインショッピングサイトの商品紹介ページにあるような横に3つの商品が並び、折り返して下の段にさらに3つ並んでいくデザインをあなたも見たことがあるのではないでしょうか。
今回はそのような横並びされたリストを折り返しすることを可能にするCSSを解説していきたいと思います。
2021年 7月 の投稿一覧
ulタグ、liタグを使用したリストを『display: flex;』で横並びにする方法
サイトのヘッダーメニューバーにも頻出の横並びのリストはCSSの勉強を始めると最初に立ちはだかる壁といっても過言ではないのでしょうか。
今回はulタグ、liタグを使用したリストを横並びにする方法を初心者の方にも分かりやすく解説していきます。
結論：リストを横並びするにはCSSで『display: flex;』を指定する
続きを読む