2

我需要居中侧边栏。这是我的布局（不起作用）：

<body>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span9">
        ...
      </div>
    <div class="span3">
    //sidebar
      <div class="row-fluid">
        <div class="span12 center-block">
          //content which should be centered
        </div>
      </div>
    </div>
  </div>
</body>

我在这里采取的中心块代码：

.center-block {
 margin:0 auto;
 float:none;
}
4

4 回答 4

1 
.center-block {
    margin:0 auto;
    float:none;
}

通过使用上面的代码，它将center-blockDiv 而不是其中的内容居中，以对齐您需要text-align:center在.center-block类中添加的内容，如下所示：

.center-block {
    margin:0 auto; /*It will center the block*/
    float:none;
    text-align:center; /*It will center the content inside block*/
}
于 2012-07-05T10:11:57.323 回答
0

为了margin: 0 auto;工作，您还需要width在div.

于 2012-07-05T10:03:19.893 回答
0

如果要使内容居中，请尝试以下操作。

.center-block {
  text-align: center;
}
于 2012-07-05T10:04:16.563 回答
0

您还可以将 span3 的 text-align 属性设置为居中。

div.span3
{
    text-align:center;
}

希望这能回答你的问题:)

于 2012-07-05T10:05:55.813 回答