css - CSS 中间图片

Question

这是我的代码。请帮助使其居中居中，并且所有图像尺寸都不相同

CSS：

body {
   margin: 0px;
}

.wrapper {
   text-align:center;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 21
}

.wrapper img {
   display: table-cell;
   vertical-align: middle; 
}

HTML：

<div class="wrapper">
  <img src="http://static.desktopnexus.com/thumbnails/196734-bigthumbnail.jpg" />
</div>

Answer 1

您只需要在图像上设置边距。

.wrapper img {
    margin: auto;
}

此方法可用于任何对象，但请确保父对象设置了宽度或高度。