Mon Blog / Mes Liens / Mes bouts de code

Le blog de nemocorp

Pensées, pas toujours subtiles, et autres fadaises...

Centrer une image dans un bloc en css

Centrer une image dans un bloc en css

#container {
    max-height: 100%;
}

#container img {
    /* Keeps image from going outside the screen */
    max-height: 100%;
    max-width: 100%;
    /* Keeps image from beeing distorted */
    height: auto;
    width: auto;
    /* centering horizontally AND vertically */
    /* 50% of container */
    position: relative;
    top: 50%;
    left: 50%;
    /* 50% of image */
    transform: translate(-50%,-50%);
}

css

http://lehollandaisvolant.net/?mode=links&id=20150731185744

<iframe width="100%" height="524" src="http://snippets.nemocorp.info/index.php?embed=55c2ded898625" type="text/html"></iframe>

Texte seul - Permalink - Snippet public posté le 06/08/2015