html - 在框架中居中图像而不是调整大小？

Question

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

Answer 1

您可以将图像添加为包装器的背景div并设置div'swidth和height. 或者，您可以在 wrapper 元素周围添加一个包装器元素，img并为包装器元素设置高度和宽度。

见 http://jsfiddle.net/nivas/zFMfj/

Answer 2

我认为您不能单独使用 img 标签来执行此操作，但是您可以通过多种方式使用图像文件和另一个标签（canvas->DrawImage、Div->Background Image 或 Div->Oveflow : 隐藏）例如。