html - 携帯電話とタブレットの画像のセンタリング

Question

html5 と css3 で構築されたアプリケーションのスプラッシュ スクリーンを作成していますが、画像がちょうど真ん中に表示されません。携帯電話とタブレットの真ん中にある必要があります。アドバイスや助けをありがとう。

画像サイズは 300px × 300px

Answer 1

画像のサイズがわかっているので、負のマージンを使用できます。

position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;

Answer 2

画像/ブロック要素は、マージンを使用して中央に配置できます。

img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  }

それ以外の場合は、昔ながらの<center>タグ手法を使用できます。HTML5のままです。;)