【CSS】要素を上下左右の中央に配置する【超簡単】

hoge

上下左右の中央に配置する決定版。

たった３行だけ。

IE11以降なら動く。

 

 

html, body, .target {
  width: 100%;
  height: 100%; // ★高さを忘れずに指定
}
.target {
  display: flex;           // ★これ重要
  justify-content: center; // ★これ重要
  align-items: center;     // ★これ重要
}