css

Question

Bir görüntüyü css kullanarak yatay olarak ortalamaya çalışıyorum.

Ben şu HTML kodu ile ekranda Resmimi gösteren ediyorum:

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

Ben sadece görüntünün bazı görüntülemek istediğiniz gibi Resmimi croping ediyorum ve aşağıdaki css kullanıyorum:

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

Ancak, görüntü kırpıldıktan sonra nasıl ortalanacağını anlayamıyorum.

Yardımcı olabilecek herkes?

Answer 1

kullanım pozisyonu mutlak ve marj ile CSS bu deneyin: ortalamak resminize eklemek sonra

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

ve:

class="center" 

Answer 2

bunu kullanın

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

Answer 3

gibi margin

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