中心两个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

回答

相关问题