我试图在固定尺寸的缩略图中显示不同高度和宽度的图像。为此,我尝试在不影响纵横比的情况下调整图像大小,然后隐藏从缩略图高度和宽度溢出的图像部分。
我尝试在缩略图类上使用“溢出:隐藏”css 属性,但图片中应该溢出的部分仍然出现。
这是我为防止缩略图显示溢出而进行的令人沮丧的尝试的 js fiddle http://jsfiddle.net/smallfonts/ARn4N/
我还看到了一篇关于如何将图像的溢出部分设置为隐藏在缩略图中的文章。但是,我无法在 Twitter Bootstrap 缩略图上创建相同的效果。
http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property/
谢谢!
最佳答案
这是您需要的吗:http://jsfiddle.net/ARn4N/10/
关于twitter-bootstrap - 使用 twitter bootstrap 缩略图设置溢出属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11500726/