align-items: center;を使ったときなぜテキストが中央揃えになるのか？

デフォルトで設定されている、align-items: stretchの「引き延ばし」効果がなくなるからです。

2023年7月26日

ユーザー

他の方も同じような質問をされており、回答を見ましたが理解できませんでした。
ピンクの div タグが上下中央揃えになるのなら理解できるのですが、その中のテキストが上下中央揃えになる構造がわかりません。
また、ピンクの div タグには交差軸に余白がなくフレックスコンテナに十分な高さがないのに
なぜ align-items を使うのか教えてください。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは？