css - 如何居中三个span3

Question

我正在使用 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;
}

Answer 1

而不是使用:

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;
}

Fiddle Demo