投稿者:Sone

Tech

CSSだけで超シンプルに縦方向センタリングする方法

blog-details

こんにちは🌞

コラビットのソネです。

 

オフィスがリノベーションして風が気持ち良い、そんな今日このごろです🏖

 

CSSだけで超シンプルに縦方向センタリングする方法

前回、flexを利用してコンテンツの高さを揃える方法を書きました。

今回はその続きのような感じで、flexを使って超シンプルに縦方向センタリングする方法を紹介します。

 

flexを使ってセンタリング

こんな感じで書けばOKです。

親要素にdisplay:flexとalign:centerの指定をしてあげるだけです。超簡単ですね!

See the Pen MGRpXW by ksone (@ksone) on CodePen.

 

最後に

コラビットは現在エンジニアを募集しています!

  • webサービスを作りたい!
  • AIを作りたい、学びたい!
  • 未経験だけどモノづくりが大好き!プログラミングを仕事にしたい!

な方は当HPからぜひお問い合わせください!

詳細はコチラ!

お待ちしています。