使用div限制图像高度

Question

你知道在div中限制图像的方法吗？我正在创建一个像http://bezuzyteczna.pl/这样的网站如果您的图像高度超过200px，则限制为100px，底部是showig“显示更多”有人有任何建议吗？

Answer 1

您可以在图像的包装容器上设置max-height和overflow to hidden。

<div class="image"><img src="[path/to/images]" alt="" /></div>

.image {
  max-height:100px;
  overflow:hidden;
  display:inline-block;
}
.image > img {
  display: block;
}

http://jsfiddle.net/qx7Ps/1/