css um ein Bild horizontal zu zentrieren

Question

Ich versuche ein Bild horizontal mit css zu zentrieren.

ich mein Bildes mit dem folgenden HTML-Code auf dem Bildschirm bin Anzeige:

<div id="loading" class="loading-invisible"> 
    <img class="loading" src="logo.png"> 
</div> 

Ich croping mein Bild, wie ich nur einen Teil des Bildes angezeigt werden soll, und ich bin mit dem folgenden CSS:

img.loading 
{ 
position:absolute; 
clip:rect(0px,681px,75px,180px); 
} 

aber ich kann nicht herausfinden, wie man das Bild zentriert, sobald es croped worden ist.

Kann jemand helfen?

Answer 1

Gebrauchsposition absolute und Marge wie dies für Ihre CSS

img.loading{ 
    position: absolute; 
    left: 50%; 
    margin-left: -(half ot the image width)px 
} 

Answer 2

Verwenden margin

margin-left:auto; 
margin-right:auto; 

Answer 3

Try this:

.center img {   
    display:block; 
    margin-left:auto; 
    margin-right:auto; 
} 

und dann zu Ihrem Bild hinzufügen, um es zu zentrieren:

class="center"