CSS центр изображения в обрезанном родительском элементе
Как я могу центрироватьimg
у родителяdiv
тег, который установлен вoverflow: hidden
, То есть я хочу обрезать изображение, но обрезать как слева, так и справа, чтобы была показана середина изображения.
<img>
Тогда стили что-то вроде:
.wrapper {
position: absolute;
/* position details here */
overflow: hidden;
}
.wrapper img {
height: 100%;
margin-left: -??; //what here?
}
-50%
будет ширина родителя, но я хочу ширину самого img.
Поддерживаемый Firefox CSS приемлем.