MENU
CLOSE
システム Edit : 2019.07.30 Update : 2024.11.07
display:flexで要素の高さは揃えつつ文字は中央に配置する

display:flexで要素の高さは揃えつつ文字は中央に配置する

コンテンツの高さが異なる要素を横並びにしているとき、高い要素に合わせて可変させつつ、コンテンツは真ん中に配置する方法です。

長い文章長い文章長い文章長い文章長い文章長い文章長い文章
短い文章

▼HTML

▼CSS

 

KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。