父母div中的中心子div

我在這個問題上失明瞭..我遇到過類似的其他主題，但他們都沒有幫助過ind。父母div中的中心子div

長話短說，我不能在父div中心的「a，b，c，d」框 - 它們需要與下面的盒子對齊，所以左邊是在左邊和右邊是一路向右。

我已經張貼在這裏我的代碼在這個小提琴，所以你可以看到： http://jsfiddle.net/sdHhp/

和我的代碼：.right_content_wrap{ width: 300px; height: 250px; background: #e3e3e3; float: right; margin: 15px 0px 0px 0px; }

.featured_items_wrap{ width: 980px; height: 140px; background: blue; text-align: center;} 

<div class="content_wrap"> 
<div class="featured_items_wrap"> 
    <div class="featured_item">a</div> 
    <div class="featured_item">b</div> 
    <div class="featured_item">c</div> 
    <div class="featured_item">d</div> 
</div>

如果你有關於任何問題我的問題，請隨時寫信給我！

我期待着一個可能的解決方案！

非常感謝，並有一個偉大的夜晚！

來源

2013-08-27 user2026507

您需要margin: auto關於子div。此外，您需要確保子div不像包裝一樣寬。我在演示中使它們達到了75％，並且工作正常。

div { 
    width: 75%; 
    margin: auto; 
}

http://jsfiddle.net/sdHhp/4/

編輯：請注意，這是在你的jsfiddle包裝，因爲這是保持你的孩子的div。

進一步編輯：我意識到我起初誤解了你。我相信我已經得到了你的JSFiddle你想要它。檢查這一個：

http://jsfiddle.net/sdHhp/9/

來源

2013-08-27 19:21:25 Tricky12

嘿乍得，感謝您的鏈接。我試圖使用您的提示，但由於某種原因，這對我的示例沒有幫助。看到我的jsfiddle：http://jsfiddle.net/sdHhp/5/ – user2026507

我只注意到你的小提琴並更新了我的答案。那是你在找什麼？ – Tricky12

+ 1ed margin：auto很好 – benny

乍得的前面回答展開，如果你想完全專區內設置可以設置的25px的保證金;當然它會隨着大小而變化等。http://jsfiddle.net/r2pLP/1/

div { 
    border: 1px solid black; 
} 
#one { 
    height: 100px; 
    width: 100px; 
} 
#two { 
    height: 50px; 
    width: 50px; 
    margin: 25px; 
} 

<div id="one"> 
    <div id="two"></div> 
</div>

來源

2013-08-27 19:27:15 benny

父母div中的中心子div

回答

相關問題