使用twitter bootstrap缩略图设置overflow属性

时间:2012-07-16 08:39:06

标签: twitter-bootstrap thumbnails css

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

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

这是我用来阻止缩略图显示溢出的令人沮丧的尝试 http://jsfiddle.net/smallfonts/ARn4N/

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

这就是您所需要的:http://jsfiddle.net/ARn4N/10/