【问题标题】:Setting overflow property with twitter bootstrap thumbnails使用 twitter 引导缩略图设置溢出属性
【发布时间】:2012-07-15 02:08:30
【问题描述】:

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

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

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

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

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

谢谢!

【问题讨论】:

    标签: twitter-bootstrap thumbnails css


    【解决方案1】:

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

    【讨论】:

    • 感谢您的快速回复!但我希望图像填充缩略图的整个尺寸而没有任何空格
    猜你喜欢
    • 2013-08-30
    • 1970-01-01
    • 2012-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-10
    • 2019-01-07
    相关资源
    最近更新 更多