javascript - Bootstrap 缩略图对齐(水平)

标签 javascript jquery html css twitter-bootstrap

我将缩略图类添加到我的缩略图 div 中,达到了预期的效果。但是,一些缩略图的尺寸小于其他缩略图。我希望它们具有相同的高度,所以我给每个缩略图设置了 210px 的高度,我认为它们现在看起来是一样的,都水平对齐在一条线上。然而,设置高度会产生奇怪的效果,即通过向下方延伸使较小的缩略图突出对齐。我尝试通过在每个缩略图上设置 top: 0px; 的 css 属性来解决这个问题,但这没有任何区别。我怎样才能让我所有的缩略图高度相同并且完全水平对齐?

最佳答案

问题最终通过在缩略图类中添加样式元素overflow: hidden;得到解决。

关于javascript - Bootstrap 缩略图对齐(水平),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24901315/

相关文章:

javascript - 编辑 AngularJS 页面

javascript - ASP.NET web方法获取带有参数的ajax

Jquery-ui可拖动: how to make a draggable element scroll a div when hovering over it

javascript - 为什么这个事件监听器不适用于按钮?

javascript - 获取动态 svg 内容

javascript - 将一个居中标签添加到 donut chartist-js

php - 尝试从表中获取信息,获取资源值

javascript - 整洁的 iframe 滚动

html - 如何使用 CSS 制作上下生长的垂直线动画?

javascript - 如何使用 Javascript 删除网站上的所有文本