名前が似ているうえに、挙動もやや直感と異なるため、「混乱する」という声が多いプロパティでもあります。 この記事では、それぞれの意味・使い方・違い・挙動の軸の理解まで、完全に腑に落ちるレベルで解説します。 交差軸に沿って各アイテムを ...

同じコンテナ内でも文字数が違う場合、横幅を狭めることで文字数が多い方が背景が広くなってしまいます。 それを防ぎ自然な見た目にしてくれるのが"display: flex;"の ”align-items: stretch;”です。