Позиционирование блока в обертке

Art.ewgen, ничего не понятно.

Если взять пример по ссылке, то результат должен выглядеть вот так http://i.imgur.com/aqh4z8G.png

vertical-align:middle

Но, если не ошибаюсь, это работает только в таблицах и в блоках с display:table-cell. Лучше погуглите что-то типа "выравнивание по высоте блока".

Есть еще один немного дурацкий способ: выводить изображение не через <img>, а через стили бэкграундом для контейнера с заданными размерами. Фон центрируется, все лишнее отсекается автоматически

Не получится бэкграундом, scr может быть различный, нашел вариант с флексбоксом http://jsbin.com/xadetoj/2/edit?html,css,output

но он не полностью кроссбраузерный

В каком смысле различный? Понятное дело, что его в css не вынести, но по месту вывода на странице через style="background:url(картинка) center" для контейнера вполне можно организовать

можно ввести еще одну обертку картинки, заведомо большого размера, отцентировать ее, а в ней отцентрировать любую картинку

http://jsfiddle.net/xc1hjk84/4/

Спасибо, но я нашел подходящий вариант чз transform

http://jsbin.com/xadetoj/1/edit?html,css,output