发出一个带有img的双列div表来防止溢出

Question

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

有人可以按照我希望的方式帮我格式化吗？

Answer 1

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

.catalogentry {
    overflow: hidden;
}

http://jsfiddle.net/6XXrp/

根据您的评论：

您需要做的是将每个img包裹在div中，比如类contain，并在CSS中指定以下内容：

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

Answer 2

尝试调整img的大小，而不是使用overflow：hidden;

来剪切它

类似的东西：

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

请注意，调整图片大小可以更好地处理服务器端，以改善加载时间，但这是一个不同的故事......