使用頁邊距瀏覽器窗口Div標籤中心0px自動

我無法獲得這一個div容器在瀏覽器頁面水平中心...使用頁邊距瀏覽器窗口Div標籤中心0px自動

這是我的代碼。

HTML

<div class="copyrightposition clearfix"> 
       <p class="copyright clearfix">copyright2013 Rachael 
    Stetson Design Inc.</p> 
       <p class="copyright clearfix">|</p> 
       <p class="copyright 
    clearfix">www.rachaelstetson.com</p> 
       </div>

CSS

.copyrightposition { 
position: relative; 
float: left; 
margin: 0px auto 0px auto; 
} 
.copyright { 
position: relative; 
float: left; 
font-size: 65%; 
padding-right: 10px; 
text-transform: uppercase; 
letter-spacing: 0.19em; 
}

來源

2013-01-12 user1960246

保證金：0汽車;僅適用於具有設定寬度的元素，且不能浮動。

來源

2013-01-12 19:42:28 riku

做的元素都被設置爲內聯，然後讓他們將並肩而坐？ – user1960246

margin：0 auto;僅適用於塊級元素。我不知道你在問什麼，但我猜你想要的是版權位的寬度是固定的，而不是浮動的，並且裏面的段落可以浮動，使用amrgin無關緊要：0汽車;爲div。 – riku

http://jsfiddle.net/nv3Xv/這是一個小提琴，展示你可能在尋找什麼。如果您取消寬度/邊距部分的註釋，則會看到版權的表現如何。如果你想讓文本本身居中，你需要使用內聯text-align：center;就像在此樣品中。在這種情況下，您可以使用span而不是p。 – riku

我編輯了你的代碼。看到這個jsFiddle。我使用text-align:center。

HTML

<div class="copyrightposition clearfix"> 
    <p class="copyright clearfix">copyright &copy lorem ipsum | www.rachaelstetson.com</p> 
</div>

CSS

.copyrightposition { 
    text-align: center; 
} 
.copyright { 
    font-size: 65%; 
    padding-right: 10px; 
    text-transform: uppercase; 
    letter-spacing: 0.19em; 
}

來源

2013-01-12 20:01:50

使用頁邊距瀏覽器窗口Div標籤中心0px自動

回答

相關問題