使用 twitter 引导缩略图设置溢出属性

Question

我正在尝试在固定尺寸的缩略图中显示不同高度和宽度的图像。为此，我尝试在不影响纵横比的情况下调整图像大小，然后隐藏从缩略图高度和宽度溢出的图像部分。

我尝试在缩略图类上使用“overflow:hidden”css 属性，但图片的所谓溢出部分仍然出现。

这是我令人沮丧的尝试的 js 小提琴，以防止缩略图显示溢出 http://jsfiddle.net/smallfonts/ARn4N/

我还看到了一篇关于如何将图像的溢出部分设置为隐藏在缩略图中的文章。但是，我无法在 twitter 引导缩略图上创建相同的效果。

http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property/

谢谢！

Answer 1

这是你需要的吗：http://jsfiddle.net/ARn4N/10/