javascript - 如何在没有固定宽度的情况下使图像居中

Question

我正在尝试将没有固定宽度的图像居中，因为它是一个具有各种图像尺寸的画廊，所以不能使用 margin 0 auto，因为你需要一个固定宽度。

有jquery解决方案吗？

Answer 1

使用它来居中图像:

.wrapper { /* your wrapper element */
    text-align:center;   
}
.wrapper img {
    display:inline-block;   
}

但是，如果图像的宽度足够小，可以并排显示并适合 wrapper ，则它们会。你可以通过额外的标记来解决这个问题，比如 wrapper <div>围绕图像甚至 <br /> .

演示:http://jsfiddle.net/wesley_murch/Cwed9/1/

确保在演示中调整宽度以了解我的意思。

编辑:我正在玩 jsfiddle，而这在评论中得到了回答:P