縮小包含的元素，如果它們的寬度適合容器

Question

假設有一個固定寬度的div容器，寬度爲200px。包含的元素是固定寬度的內嵌塊div，寬度爲45px。那麼讓我們假設我再向容器中添加一個元素。我想要實現的是，所有包含的元素縮小到最大可能的寬度並且適合容器而沒有溢出（40px，假設元素之間沒有空白）。

這是純粹的CSS可能嗎？

Answer 1

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

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