Сделать превью одинаковыми по высоте средствами CSS+HTML?

Question

[Лана Корчагина]

Добрый день!
Возможно ли решение такой задачи: есть галерея превьюшек-картинок. У этих картинок разная высота. Можно ли как-то исключительно средствами css+html сделать так, чтобы эти превьюшки были одинаковой высоты? При этом:
1. Изображение в этих превьюшках должно быть выровнено по вертикали (а не просто обрезано снизу).
2. Нельзя картинки класть фоном.
3. Размер картинок неизвестен.

Answer 1

[Urvin]

Можно обернуть изображение в div с css overflow: hodden.
Самим изображениям дать центровку посередине этого блока.

Comments

[Лана Корчагина]

Направление понятно, но к сожалению не получается именно отцентрировать картинку в блоке-обертке (который по высоте меньше, чем картинка).

[Urvin]

jsfiddle.net/Urvin/kJYkz/, например

[Лана Корчагина]

О! Спасибо!

[olifem]

Urvin: А если блок резиновый и ширина его , например 25% ?

Answer 2

[Battletoads]

img {
    height: 100px;
    width: auto;
    margin: 0 10px;
}

так?

Comments

[Лана Корчагина]

К сожалению, надо обрезать, а не «ужать».