缩小包含的元素，如果它们的宽度适合容器

Question

假设有一个固定宽度的div容器，宽度为200px。包含的元素是固定宽度的内嵌块div，宽度为45px。那么让我们假设我再向容器中添加一个元素。我想要实现的是，所有包含的元素缩小到最大可能的宽度并且适合容器而没有溢出（40px，假设元素之间没有空白）。

这是纯粹的CSS可能吗？

Answer 1

使用纯粹的CSS3可以使用flexbox module。找到足够的browser support for it是另一件不幸的事情。

See it in action（如果您使用FF/Chrome/Safari）。