にしし ふぁくとりー:西村文宏 個人サイト

No.10792 - 今日のひとことログ

更新

■LOG No.10792

にししふぁくとりーHOMEに掲載している「今日のひとこと」の過去ログ(掲載履歴)です。 RSS

No.10792 〔326文字〕 🧙

Flexbox(=display:flex;を指定した要素)の中身を、上下方向と左右方向に配置調整したいことがよくある。このときに使うプロパティ名をよく忘れるので、ここにメモしておく。
  • 上下方向の配置を調整するのは align-items プロパティで、
  • 左右方向の配置を調整するのは justify-content プロパティである。
それぞれの値によってどのような配置になるのかは、CPIの記事「Flexboxで要素の上下中央寄せ」、「Flexboxで要素の左右中央寄せ」に掲載されている図が分かりやすい。
上下にも左右にも真ん中に寄せる場合は、align-items:center; justify-content:center; になる。
2023年9月
12
3456789
10111213141516
17181920212223
24252627282930
2023年10月
1234567
891011121314
15161718192021
22232425262728
293031
2023年11月
1234
567891011
12131415161718
19202122232425
2627282930

Powered by てがろぐ Ver 4.2.2

--- 当サイト内を検索 ---