Question

我在id为container的div中有一个图像，但它正在弄乱这些东西。它没有居中加上盒子阴影没有显示在图像上。我添加了margin:auto，但它没有帮助我。我认为margin:auto居中所有固定宽度的元素，但在我的情况下，你知道图像是通过CSS调整大小的。还有其他方法吗？也许绝对定位工作但容器高度将为零。我不想使用Javascript / jQuery。

我有bin为你！

Answer 1

使用margin:auto，但也添加display:block：

#container > img {
  max-width:100%;
  max-height:550px;
  height:auto;
 display: block;
  margin:auto;
}

<强>更新

如果您不希望图像超出阴影，请执行以下操作：

#container > img {
  max-width:100%;
  max-height:542px;
  height:auto;
  display:block;
  margin:4px auto 4px;
}

Answer 2

尝试margin-left:auto margin-right:auto

CSS - 中心图像和顶部显示阴影

2 个答案: