CSS:将一行图像截断为相同的高度

Mar*_*son 3 html css image

我有一堆图像缩略图,我正在网页中显示.所有的图像都是256像素宽,我正在缩小50%<img width="128px" ...>

大多数图像具有4x3的比例,因此它们在几行上非常好地网格化.

但是,有些图像非常高(例如256x1200).我想为这些图像指定最大高度,但是图像必须被截断(即仅显示图像的顶部)并且不缩放(这会不期望地挤压图像).

我已经尝试过指定CSS img { max-height="128" }但当然这给了我不希望的缩放.

那么:如何指定导致图像截断而不缩放的最大高度?

更新:谢谢大家,我在下面添加了一个例子.

Myl*_*les 14

将它们包裹在一个入级div中,将div上的高度设置overflow: hidden为128,然后为该类设置.