html - 使用溢出 :hidden 搞乱了 chrome 中的布局

标签 html css alignment overflow

我有一个包含缩略图列表的页面。正如您在 http://www.ariangroup.net/Album/Item/25 看到的那样,每个图像都被一个框架包围。在 FF 和 IE 上一切正常。但是在 chrome 中,当该行中的图像高度大于 200px(尽管隐藏了溢出)时,它会弄乱该行中的对齐方式(例如,左侧第一个图像的第 2 行高度为 301px,这会导致该行不在队列中)。 有什么解决办法吗?

最佳答案

尝试在类 .albumImage 上设置 vertical-align: top;。那应该可以解决您的问题!

enter image description here

关于html - 使用溢出 :hidden 搞乱了 chrome 中的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12726387/

相关文章:

html - 如何在最大宽度内容 div 后面拉伸(stretch)背景图像

html - CSS - 文本溢出不适用于大文本

css INLINE-BLOCK div 居中对齐但保持内部元素仍然左对齐

python - 合并具有时间容差的 pandas 时间序列

html - CSS 错误 : why isn't the header horizontally aligning and footer justified to space evenly?

php - MySQL数据CHARSET问题,请看图!

javascript - 如果也触发了节点事件,则取消窗口事件

css - Bootstrap HTML5 标题带有边框和小文本,如字段集但没有字段集/图例

javascript - 默认情况下显示选中的复选框

jquery - 在 CSS/CSS3 中选择单个导航元素