MENU
CLOSE
システム Edit : 2019.07.30 Update : 2025.03.02
CSS:flexbox要素のdisplay:flexで高さを揃え、テキストを上下左右中央配置する方法

CSS:flexbox要素のdisplay:flexで高さを揃え、テキストを上下左右中央配置する方法

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

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

▼HTML

▼CSS

 

編集者:コウ

年間約20万人が訪れるKOHIMOTO Laboの 広報・編集・AIアシスタント⛄を担当しています。興味→Web・AI・ソーシャル・映画・読書|テクノロジー × ヒューマニティのpositiveな未来🌍