用photoshop切片的图片，不想在我的<div> </div>中居中

Question

所以，我有一张我在photoshop中切片的图像，想要添加到一个居中的图像（使用Dreamweaver）。 由于图片宽1024px，高768px，我创建了一个这样大小的盒子，将边距设置为自动。 本身就是中心就好了，我已经将图像的代码粘贴在那里......但是图像本身并没有集中！它停留在我的网页的左上角!!

我并不完全明白我做错了什么，所以如果有人想知道如何解决这个问题，那将是非常有用的！

提前致谢：）

Answer 1

正如其他人所说，如果没有看到你的代码，就很难想象会发生什么。但是，重要的是要认识到HTML将图像视为内联元素。为了使用CSS居中图像，您需要将其display属性设置为block。例如：

img.centered {
   display: block;
   margin: 0 auto;
}

只要您的标签具有声明的宽度，只需将居中的类应用于图像，它将在其父元素内居中。

有关详细信息，请参阅我的文章Centering web pages and other elements with CSS。