सीएसएस क्षैतिज रूप से एक छवि को केन्द्रित करने के लिए

Question

मैं सीएसएस का उपयोग कर क्षैतिज रूप से एक छवि को केन्द्रित करने की कोशिश कर रहा हूं।

मैं निम्नलिखित एचटीएमएल कोड के साथ स्क्रीन पर मेरी छवि प्रदर्शित कर रहा हूँ:

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

मैं मेरी छवि croping हूँ के रूप में मैं केवल छवि के कुछ प्रदर्शित करना चाहते हैं और मैं निम्नलिखित सीएसएस का उपयोग कर रहा:

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

हालांकि मैं यह नहीं समझ सकता कि छवि को फसल होने के बाद कैसे केंद्र को केंद्रित किया जाए।

कोई भी मदद करने में सक्षम है?

Answer 1

उपयोग स्थिति पूर्ण और इस

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

Answer 2

उपयोग margin

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

Answer 3

तरह मार्जिन अपने सीएसएस के लिए इस प्रयास करें: यह केंद्र के लिए अपनी छवि को जोड़ने के

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

और उसके बाद:

class="center"