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”