中心兩個div

我有兩個div我想要居中他們。中心兩個div

這裏是我的代碼，不工作：

HTML

<div id="central-top-wrapper" class="clearfix"> 
    //content 
</div> 

<div id="central-bottom-wrapper" class="clearfix"> 
    //content 
</div>

CSS

#central-top-wrapper { 
    float: left; 
    width: 70%; 
    display: block; 
    margin: 0 auto; 
} 
#central-bottom-wrapper { 
    width: 43%; 
    float: left; 
    display: block; 
    margin: 0 auto; 
}

來源

2013-02-08 user2013488

你使用的是html5嗎？ – 2013-02-08 14:46:21

（http://stackoverflow.com/questions/5357310/how-to-center-two-divs-floating-next-to-one-other） – 2013-02-08 14:46:57

是的，但只是一點點 – user2013488 2013-02-08 14:47:49

它不工作，因爲你將它們左移。

從每個DIV中刪除浮動左側屬性並給它們兩個「margin：0 auto」。

您也不必在DIV上顯示display：block，因爲這是它們的默認狀態。

來源

2013-02-08 14:50:47

就是這樣。謝謝 – user2013488 2013-02-08 15:03:16

沒有probs，很高興提供幫助。 – 2013-02-08 15:04:02

使用此：

<div style="text-align: center;"> 
<div id="central-top-wrapper"> 
    //divs content 
</div> 

<div id="central-bottom-wrapper"> 
    //divs content 
</div> 
</div>

的CSS：

#central-top-wrapper {width: 70%; margin: 0;} 
#central-bottom-wrapper {width: 43%; margin: 0;}

來源

2013-02-08 14:49:31

回答

相關問題