Question

所以我已阅读并且我发现的所有教程都告诉我做同样的基本事情。但是，当我这样做我正在使用的代码：

.center{
width: 50%;
margin: 0px auto;
}

它需要我拥有的六个项目并将它们居中，但不会将3个放在一条线上（我使用的是带有6个span3 div的bootstrap，它应该是3和3）。

有什么想法吗？

Answer 1

 .center{   
     position: relative; /*add this */
     float: /*left, right, both; use what you want*/
     width: 50%;
     margin: 0px auto;
 }

到您的.center类

Answer 2

在bootstrap中，您需要遵循以下模式：

<div class="center">
    <div class="row">
         <div class="span3 offset2"></span>
         <div class="span3"></span>
         <div class="span3"></span>
    </div>
    <div class="row">
         <div class="span3 offset2"></span>
         <div class="span3"></span>
         <div class="span3"></span>
    </div>
</div>

您是否试图将3个跨度居中？

在css错误中居中div或我只是做错了吗？

2 个答案: