気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
図で理解する Flexbox
332 users
zenn.dev/umatoma
zenn.dev/umatoma
zenn.dev/umatoma
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Flexboxはレイアウト組む上でとても便利だが、justifyだとかalignだとか名前と意味の対応が曖昧で毎回調... Flexboxはレイアウト組む上でとても便利だが、justifyだとかalignだとか名前と意味の対応が曖昧で毎回調べていた。 仕組み・使い方を理解しようと思い、図を使って整理してみた。 ※ CSS Grid についても整理してみました Flexbox Flexboxは縦・横に要素を並べられるレイアウト方法です。 Flexboxを使うことにより、縦・横に並べるだけでなく、並べた要素の中央寄せ・上寄せなど細かな位置も調整できます。 コンテナ・アイテム Flexboxを使う上で必要となる要素が「Flexコンテナ」と「Flexアイテム」です。 Flexコンテナの中にFlexアイテムを複数並べてレイアウトします。 <div class="container"> <div class="item">１</div> <div class="item">２</div> <div class="item"
zenn.dev/umatoma
zenn.dev/umatoma
zenn.dev/umatoma
zenn.dev/umatoma
373news.com
www3.nhk.or.jp
anond.hatelabo.jp
huyukiitoichi.hatenadiary.jp
zenn.dev/gamella
qiita.com/ahera
applech2.com
www.gizmodo.jp
zenn.dev/taromurata
www.itmedia.co.jp
cyanlog.hatenablog.com
myuu-myuu.hatenablog.com
komachi.yomiuri.co.jp
2021/08/16 リンク