이미지를 가로로 가운데에 맞춰주는 CSS

Question

CSS를 사용하여 이미지를 가로 방향으로 가운데에 놓으려고합니다.

나는 다음과 같은 HTML 코드로 화면에 내 이미지를 표시하고 있습니다 :

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

난 단지 이미지의 일부를 표시 할 나는 내 이미지를 croping 그리고 난 다음 CSS를 사용하고 있습니다 :

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

그러나 이미지가 자르면 이미지를 중앙에 배치하는 방법을 찾지 못합니다.

누구든지 도움을 줄 수 있습니까?

Answer 1

사용 위치 절대 마진 당신의 CSS에 대해이 작업을 시도해보십시오을 중앙에 이미지를 추가 한 후

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

과 :

class="center" 

Answer 2

사용이

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

Answer 3

같은 margin

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