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

Question

我正在为使用 html5 和 css3 构建的应用程序创建启动画面，但我无法让图像正好位于中间。我需要它位于手机和平板电脑的中间。感谢您的任何建议或帮助。

图像尺寸为 300 x 300 像素

score 2 · Accepted Answer

如您所知图像的大小，您可以使用负边距：

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

score 0 · Accepted Answer

图像/块元素可以使用边距居中：

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

否则，您可以使用老式的<center>标签技术。它仍然在 HTML5 中。;)

2 回答 2