手机和平板电脑的居中图像

Question

我正在为使用html5和css3构建的应用程序创建一个启动画面，我无法将图像完全放在中间。我需要它在手机和平​​板电脑的中间位置。感谢您的任何建议或帮助。

图像尺寸为300像素×300像素

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中。 ;）