Самый изящный способ обрезать изображение по div?

Question

[Кирилл Бобыкин]

Существует div 50x50, изображение 70x120. Требуется показать 50x50 кусок из центра изображения.

Answer 1

[Дмитрий Ким]

Задайте для дива свойства:
width: 50px;
height: 50px;
background: "url(pic.jpg) 50% 50% no-repeat scroll transparent";

Answer 2

[Александр Синицын]

Не знаю на сколько "изящно", но в основном ставлю изображение фоном. Т.е. у дива
- в стилях прописываю:

background-position: center; 
background-repeat: no-repeat; 
height: 50px;
width: 50px;

- в атрибутах самого блока:
style = "background-image: url(...)"

Comments

[Aleksandr]

лол, фигово вы делаете. Зачем писать стили inline?

[Александр Синицын]

Александр Котов: Потому, что изображения обычно грузятся из БД.

[Aleksandr]

a_u_sinitsin: тогда возможно я не прав. Сори