css - 使用 img 获取两列 div 表以防止溢出的问题

Question

我正在尝试创建一个列表，两个项目宽，但有很多。div 里面是一个图像，即使我告诉它不要，这个图像似乎也会溢出 div。一个例子可以在这里找到。

有人可以帮我按照我想要的方式格式化吗？

score 1 · Accepted Answer

将overflow属性设置为hidden将防止div内容溢出：

.catalogentry {
    overflow: hidden;
}

根据您的评论：

然后你需要做的是将每个包装img在一个中div，比如 class contain，并在 CSS 中指定以下内容：

.contain {
    height: /* max height you want */
    width: /* max width you want */
    overflow: hidden;
}

score 0 · Accepted Answer

尝试调整您的 img 大小，而不是使用 overflow:hidden 剪切它；

像这样的东西：

.catalogentry .itemImage img {
  max-width: auto;
  max-height: 80px;
}

请注意，调整图片大小最好在服务器端处理，以缩短加载时间，但这是另一回事......

2 回答 2