標題中的中心div

Question

我正在嘗試將我的最後一個媒體查詢定位屏幕的標識居中479px以下。我有麻煩。每次我有自動保證金時，瀏覽器都會將img推到右側。這是我迄今爲止所擁有的。任何幫助將不勝感激。

HTML

<div class="wrapper"> 
    <header> 
     <div id="logo"> 
      <img src="images/Bliss_FinalLogo_2.png" alt="Logo" /> 
     </div> 
    </header> 

CSS

@media only screen and (max-width: 479px){ 

    li.main_nav { 
     float:none; 
     width:100%; 
    } 

    .learn_info { 
     width:100%; 
    } 

    nav { 
     margin: 0 auto; 
     background: none; 
     border:none; 
    } 

    #logo{ 
     display: block; 
     margin-left:auto; 
     margin-right:auto; 
    } 

    a{ 
     -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
     border-radius: 5px 
    } 

} 

Answer 1

你需要指定一個寬度爲#logo。如果你不想這樣做，那麼你可以設置text-align:center爲header。

http://jsfiddle.net/6kWfU/