文字對齊中心不工作在頁腳

-1

所以我創建了一個網站和頁腳是好的，但是當它變得更小屏幕底部的寫作不對齊中心。現在我試着顯示：inline-block;和text-align：center;這些都不起作用。文字對齊中心不工作在頁腳

任何幫助我爲:)

@media screen and (max-width: 767px) { 
 
    footer p{ 
 
     display: inline; 
 
    } 
 
} 
 

 
footer { 
 
    padding-top: 15px; 
 
    padding-bottom: 5px; 
 
    background-color: #2c3e50; 
 
} 
 

 
footer .container { 
 
    font-size: 18px; 
 
} 
 

 
footer .container p{ 
 
    margin-top: 10px; 
 
} 
 

 
footer .container a{ 
 
    color: #8F8; 
 
}

<footer> 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <p class="pull-left copyright text-muted">&copy; 2015 AAA Oven Cleaning</p> 
 
       <p class="pull-right text-muted">Created By 
 
           <a href="#">Crafted-Website</a> 
 
       </p> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</footer>

圖片鏈接感激（這是發生了什麼）：http://gyazo.com/419bc4a2bfda59139de9ef3440f74e18

我現在已經解決了這個，我不得不這樣做是

@media screen and (max-width: 767px) { 
    footer div { 
     display: inline-block!important; 
    } 
}

來源

2015-06-29 CoffeeNinja

'文本對齊：中心'完美的作品。 – Oriol

恐怕不是 – CoffeeNinja

那麼一定會和其他一些代碼發生衝突。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – Oriol

如果您要居中的文本，然後用：

footer .container { 
    font-size: 18px; 
    text-align: center; 
}

來源

2015-06-29 21:40:10 Scot

我已經嘗試過這種方法，這也不起作用文本只是遠離對方。 – CoffeeNinja

父元素必須有文字對齊：中心

例如，在移動媒體查詢，給頁腳如下：頁腳{ text-align：center; }

來源

2015-06-29 21:40:26 Jazz

做到了，但那並沒有解決問題 – CoffeeNinja

檢查出來：http://jsfiddle.net/jazztorbs/gyxmaz0x/ – Jazz

也許我的代碼在某處阻止了這種情況的發生，但這是我看到的：http：// gyazo .com/cfa4c5cb95ff81c497293a9f4beb165b – CoffeeNinja

文字對齊中心不工作在頁腳

回答

相關問題