根据容器中div的数量增长和缩小的灵活div

Question

我有一个项目，我有一个600px的设置宽度容器。在容器内部将是任意数量的div（圆角看起来像圆圈）。如果容器中有1-3个div之间的任何位置，则它们应居中，最大高度和宽度为160px。但是，只要超过三个，他们就会下降到另一排，我不想要这个。我需要div具有灵活性，并且能够缩小尺寸以容纳更多div，所有div都在同一行。

希望这是有道理的，我已附上图片以寻求帮助解释。我很乐意用CSS做到这一点。

http://oi57.tinypic.com/2myvkgp.jpg

Answer 1

听起来像显示：flex;的 DEMO

所以在父母身上，你只需要使用：display:flex;和justify-content:center; 可以调整孩子的大小并将其设置为align-self: shrink;以缩小。

display:table; + display:table-cell;，其中2个空伪元素为display:table-cell，以便将单个div居中： DEMO 2