中心浮动可变div数

.block-gray { background: url('grey.gif'); width: 15px; height: 3px; }

.block-yellow { background: url('yellow.gif'); width: 15px; height: 3px; } 

我想做的是使用上面的一个类定义一个可变数量的div,并让它们水平堆叠,并集中在一个更大的容器中。

所以,如果我定义了3个这样的块:

<div>
   <!-- The # of these is variable, and not necessarily fixed at 3 -->
   <div class="block-yellow"></div>
   <div class="block-yellow"></div>
   <div class="block-grey"></div>
<div>

| |

谢谢。