草庐IT

flexchildren

全部标签

html - CSS Flexbox 问题 : Why is the width of my flexchildren affected by their contents?

我的flexbox的2个child都被赋予了box-flex:1的样式。我的理解是,它们的宽度应该彼此相等(两者都占据其父flexbox总宽度的50%)。但是当内容被添加到child时,它们的宽度会改变(取决于内容和填充)!为什么会这样?CSS:.hasFlex{display:box;display:-webkit-box;display:-moz-box;-webkit-box-align:start;-moz-box-align:start;box-align:start;}.box0{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;}

html - CSS Flexbox 问题 : Why is the width of my flexchildren affected by their contents?

我的flexbox的2个child都被赋予了box-flex:1的样式。我的理解是,它们的宽度应该彼此相等(两者都占据其父flexbox总宽度的50%)。但是当内容被添加到child时,它们的宽度会改变(取决于内容和填充)!为什么会这样?CSS:.hasFlex{display:box;display:-webkit-box;display:-moz-box;-webkit-box-align:start;-moz-box-align:start;box-align:start;}.box0{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;}