假设我有一个包含文本子元素和一些 inline-block 子元素的 display: inline 容器: 如果我给这个容器添加以下样式...(并将 inline-block 改为 inline-flex) display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; 如果文本元素作为自己的整个元素进行处理并将其包装起来,而不是将其分割开,则它会将文本元素视为自己的整个元素并将其包装起来,而不是将其分割开。 是否有一种“flexbox”方法可以实现这一点,还是我真的必须回退到inline显示?
创建一个弹性容器(display: flex或display: inline-flex)后,所有内部流动的子元素都将成为弹性项。 弹性项的定义是"块化",这意味着它们是块级盒子(来源)。 文本元素表示行内级别的盒子(来源)。 因此,您不能以与文本(或浮动)相同的方式使弹性项换行。