框架中心图像而不是调整大小？

Question

通常，如果<img>或width属性小于图片本身，则HTML height标记会挤压图像。如果指定的尺寸较小，有没有办法让它裁剪它？

Answer 1

您可以将图片添加为包装器div的背景，并设置div的{​​{1}}和width。或者，您可以在height周围添加包装元素，并将高度和宽度设置为包装元素。

请参阅 http://jsfiddle.net/nivas/zFMfj/

Answer 2

我认为你不能用img标签本身做到这一点，但是你可以通过多种方式对图像文件和另一个标签（canvas-＆gt; DrawImage，Div-＆gt;背景图像）这样做或者Div-> Oveflow：hidden）例如。