使图像适合容器宽度但不超出图像宽度

Question

我希望显示照片以使它们适合容器的整个宽度，除非容器比图像宽，在这种情况下我只想让图像以实际尺寸显示并居中。

我正在使用Bootstrap（如果需要，可以使用PHP）

Answer 1

您应该只使用CSS max-width属性来实现此目的。

img {
    max-width: 100%;
}

http://jsfiddle.net/kwboow63/1/

Answer 2

要使图像居中，您应该使用text-align: center作为容器。