1

我正在使用 Twitter Bootstrap，我正在尝试创建一个居中的三个 span3 div 行的网格。

我试图通过将三个 span3 包装在一个居中的 span9 中来实现这一点，但这似乎不起作用。

我的问题是 div 没有正确居中，因为我是 HTML 和 CSS 的新手，我真的需要一些帮助。谢谢！

HTML

<div class="row">
   <div class="span9 center">
       <div class="span3">
          <p>THUMBNAIL1</p>
       </div> 
       <div class="span3">
          <p>THUMBNAIL2</p>
       </div>     
       <div class="span3">
          <p>THUMBNAIL3</p>
       </div> 
    </div>
</div>

等等

CSS：

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
     align: center;
}
4

1 回答 1

2

而不是使用：

align: center;

采用：

text-align: center;

align不是css规则，虽然我猜你是从align作为标签属性的语法中得到的

您也可以将它们放在内部和具有相对位置的元素中，然后在内部将它们与：

position: absolute;
left: 50%;
transform: (0, 50%);

你也可以使用这个：

.span3 {
    display: inline-block;
    clear: both;
}
.span9 {
    text-align: center;
}

小提琴演示

于 2013-08-31T12:04:25.500 回答