缩小包含的元素，如果它们要宽，以适应容器

Question

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

这可以用纯CSS吗？

Answer 1

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

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