Html CSS将元素填充到网格中（并将其居中）

我想要一个具有固定大小元素的数据网格（表布局）。元素应尽可能长地插入到同一行中，然后出现在下一行中

我可以用内联块来实现这一点，但我不知道如何控制外部div使它们居中

我的问题是：

---

你有没有办法只用CSS来解决这个问题？

如果你的块设置在inline block dispay上，你只需要将容器的文本居中：（调整结果窗格的大小）

html:

<section>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
</section>​

---

（或者你还想做一些我没有得到的事情。）

你想要的是一种对空间中的框进行“完全对齐”的方法。目前还没有一种方法可以用纯CSS实现这一点。你需要在你已经拥有的东西和@fabien提供的让你的最后一行居中的东西之间做出选择

另一种方法是使用一些javascript

---

（PS只要您只想在这些框中使用字母“a”，可能还有另一种解决方案，但我假设这是更复杂元素的占位符。对吗？

您的容器大小也是固定的吗？当然不是，因为我不知道它的大小。那么它会有点难。有两种方法。用一个内部容器包装元素并使容器居中。2-绝对位置方式（这需要一些计算）。我将提供一个JSFIDLE。等一下。这工作很酷。您认为可以将元素向左对齐吗？例如，如果所有行都有3个元素，而最后一行只有2个元素，则它们居中，但应与左侧对齐。是的。我想我会使用一些javascript。谢谢

section{margin:50px; padding:25px; background:#333; text-align:center;}
article{width:50px; height:50px; background:#c00; margin: 10px; display:inline-block}