Wyśrodkowanie zdjęcia

Question

Witam!

w jaki sposób wyśrodkować zdjęcie tak aby przy zmianie szerokości zachowywało swoją wysokość a nadmiar obrazka był ucinany?

taki efekt można uzyskać robiąc coś takiego:

div.class{
     background: url("adres") no-repeat center 0;
}

jednak mi chodzi o uzyskanie takiego efektu na zdjęciu wstawionym w tagu <img> 

pozdrawiam

Comments

W teorii - object-fit
W praktycę - sam z chęcią zobaczę jakieś sprytne rozwiązanie, ponieważ powyższe nie działa na IE / Edge

Answer 1

  .div-class
{
  display: block;
  max-width: 100%;
  height: auto;
}

 

Comments

? DIV domyślnie ma takie wartości (bez max-)

Answer 2

Pewnie chodzi o środkowanie w RWD , tak aby img nie skalował się na miniaturke:

Załóżmy,że przy szerokości 1200px obrazek już ucina więc można skorzystać z małej sztuczki:

rodzic {
  position:relative;
  height: 700px; // na przykład
}

img.obrazek {
     position:absolute;
     left:-9999px;
    right:-9999px
    top:0;
    bottom:0
   margin:auto;
}

Mam nadzieję,że chodziło o ten problem.