假设有一个固定宽度的 div 容器,200 像素宽。包含的元素是固定宽度的行内 block div,45 像素宽。然后假设我向容器中添加了一个元素。我想要实现的是所有包含的元素都缩小到最大可能宽度并适合容器而不会溢出(40px,假设元素之间没有空格)。
这可以用纯 CSS 实现吗?
最佳答案
使用 flexbox module 的纯 CSS3 是可能的.寻找足够的browser support for it不幸的是另一回事。
See it in action (如果您使用的是 FF/Chrome/Safari)。
关于css - 如果包含的元素太宽以适合容器,则缩小包含的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11385218/