Open xusanduo08 opened 5 years ago
默认情况下，flex item都会有以下默认属性
min-width: auto
flex-direction: row
min-height: auto
flex-direction: column
这两个属性使得flex item的在主轴（main axis）方向上的尺寸不会小于内容宽度或者高度，也就是说，默认情况下，flex item的尺寸在主轴方向上由内容决定，这种情况下，我们的flex container往往会被flex item撑开，导致布局不正确。 可以通过给flex item设置如下属性来覆盖上面的效果：
min-width:0
min-height:0
flex-direction:column
overflow:hidden
visible
参考： https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size”
默认情况下，flex item都会有以下默认属性
min-width: auto（flex-direction: row）min-height: auto（flex-direction: column）这两个属性使得flex item的在主轴（main axis）方向上的尺寸不会小于内容宽度或者高度，也就是说，默认情况下，flex item的尺寸在主轴方向上由内容决定，这种情况下，我们的flex container往往会被flex item撑开，导致布局不正确。 可以通过给flex item设置如下属性来覆盖上面的效果：
min-width:0（flex-direction: row）min-height:0（flex-direction:column）overflow:hidden（或者其他非visible值）参考： https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size”