文字の上下左右中央揃え、上下中央揃え

更新日：2025/3/13/(木) 12:38

タグ：CSS

display: grid;を使用

.container {
  display: grid;
  place-items: center; 
  /* 
	  上下のみ中央揃えにしたい場合
	  place-items: center　start; 
  　*/
}

display: flex;を使用

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}