假设有一个固定宽度的 div 容器,200px 宽。包含的元素是固定宽度的内联块 div,45 像素宽。然后假设我向容器中添加了一个元素。我想要实现的是所有包含的元素都缩小到最大可能的宽度并适合容器而不会溢出(40px,假设元素之间没有空格)。
纯CSS可以做到这一点吗?
假设有一个固定宽度的 div 容器,200px 宽。包含的元素是固定宽度的内联块 div,45 像素宽。然后假设我向容器中添加了一个元素。我想要实现的是所有包含的元素都缩小到最大可能的宽度并适合容器而不会溢出(40px,假设元素之间没有空格)。
纯CSS可以做到这一点吗?
纯 CSS3 使用flexbox 模块是可能的。不幸的是,为它找到足够的浏览器支持是另一回事。
看看它的实际效果(如果你在 FF/Chrome/Safari 上)。