当您将赋予
display: flex时
wrap,默认情况下,元素
a和
b会在一行中 弯曲 。
现在的另一个默认 Flexbox的孩子 是
min-width属性 自动 默认等要素
a,并
b采取
min-width相应的内容。如此设置
min-width: 0,一切恢复 正常 -参见下面的演示:
.wrap { overflow-wrap: break-word; display: flex;}.b { min-width: 0; }<div > <div > first div </div> <div > animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal animal </div></div>


