这是我的代码。请帮助使其中心而且,所有图像尺寸都不相同
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>
您只需要在图像上设置边距。
.wrapper img {
margin: auto;
}
此方法可以在任何对象中使用,但请确保父的宽度或高度集。