Как выровнять изображение по вертикали и горизонтали в DIV без изменения ширины / высоты?

Question

Есть ли способ?Используете Javascript / JQuery?Мне действительно очень нужно это.Любая помощь приветствуется.

Answer 1

Не используйте JavaScript, когда вы не обязаны ....

Метод фона

Вы можете установить его в качестве фона ...

div {
   background: url(/path/to/img.png) no-repeat center center;
}

jsFiddle .

---

position: absolute метод

Или вы можете позиционировать img абсолютно ...

div {
   position: relative;
}

div img {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -50px;
   margin-top: -50px;
}

jsFiddle .

Где -50px - это половина уважаемого размера изображения.

---

display:table-cell и vertical-align: middle метод

Вы также можете использовать vertical-align: middle.

div {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}

jsFiddle .

Имейте в виду, что это не сработает

^{Есть и другие способы достичь этого ...}