考虑以下
<div class="container">
<div class="grid">
<div class="unit"></div>
<div class="unit"></div>
<div class="unit"></div>
<div class="unit"></div>
<div class="unit"></div>
<div class="unit"></div>
....
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
使用图像,基本上我拥有的是这样的东西

如您所见,绿色块和容器对齐在左侧
我想要实现的是这样的.

该.unit元件具有恒定的宽度
该.grid元件应具有宽度扩大(使更多的unit元件将配合到1线)同时被始终内居中.container.
任何线索如何使用CSS(如果需要可能还有一些html包装器)来实现它?