twitter-bootstrap - 使用 twitter bootstrap 缩略图设置溢出属性

标签 twitter-bootstrap thumbnails css

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

我尝试在缩略图类上使用“溢出:隐藏”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/

相关文章:

css - 响应式设置中间列在顶部

javascript - 选择框在转换后在 Firefox 中移动 :scale()

c# - 在 C# 正则表达式中使用条件替换进行 CSS 缩小

html - 创建多个全屏div

javascript - dalelotts angular-bootstrap-datetimepicker 在 timepicker 中显示 24 小时格式

html - 如何从 Twitter 的 Bootstrap 创建下拉箭头?

html - 从 img 的 thumb "alt"或 "title"属性中提取文本并将其用作放大弹出照片的签名

html - 将不同尺寸的图像放在彼此下面

twitter-bootstrap - 当有工具提示时, Bootstrap 按钮组出现故障

html - Bootstrap 缩略图 - 中心内容(img + 标题),标题 float :left