jquery - 为不同宽度的图像保持相同的位置？

Question

我的网站上有一个照片库...照片与下一个、上一个、关闭按钮进行对话。每个下一个/上一个事件我都会将新图像加载到对话框中...照片具有不同的宽度 - 如何在相同位置加载图片？我的意思是因为图片的宽度不同，所以图片的位置正在改变......

Answer 1

如果您使用某种居中，宽度的变化不会成为问题，因为它们都将正确居中。然后您所要做的就是放置一个已知宽度的元素，该元素不会根据图像而改变。

<div class="viewer">
    <img/>
</div>

.viewer{
    text-align: center;
}
.viewer img{
    margin: auto;
}