Yatay görüntü hizalaması CSS

Question

Ana resmi hizalarken sorun yaşıyorum. Yatay olarak orta hizalı olmalı, ancak her yere gitmeye devam etmeli. sayfa temelde ben görüntüye uyguladığınız CSS That burada http://0034.eu/propmanager/

<img src="images/background-space.png" class="displayed" border="0" /> 

IMG.displayed{ 
    display: inline-block; 
    margin-left: auto; 
    margin-right: auto; 
} 

bulunabilir, tüm kaynak kodu ana index.html (ayrı stil sayfası) üzerindedir.

Answer 1

img.displayed{ 
    display: block; 
    margin:0 auto; 
} 

DEMO

Answer 2

display: block; CSS stiline bu ekleyin. IlyaStreltsyn girdilerine itibaren

img.displayed { 
    display: table-caption; 
    margin: 0 auto; 
} 

DÜZENLEME

, ben resim ortalanır için display:block ile clearingright noktasında katılıyorum. Derece için

,

img.displayed { 
    display: block; 
    margin: 0 auto; 
    clear: right; 
} 

Answer 3

Inline blokları (varsayılan olarak görüntülerdir sadece inline gibi) değil blok biçimleme bağlamında, satır içi biçimleme bağlamında katılırlar. Bu nedenle, margin:auto (bunlara etkili bir şekilde margin: 0) anlamına gelmez, ancak atalarının blok öğelerinin text-align'larına uymaları gerekir.

Answer 4

onay css ve kod

#header { 
    text-align:center; 
} 
img.displayed{ 
    display: block; 
    margin:0 auto; 
} 

<div id="header"> 
<img src="http://www.0034.eu/propmanager/images/background-space.png" class="displayed" border="0" width="100" height="100"/> 
</div>