html – 如何在flexbox中围绕对象(如浮动)包装文本？

概述假设我有一个显示：带有一些文本子项的内联容器,以及一些内联块子项： 如果我给容器下面的CSS …(并将inline-block更改为inline-flex) display: flex;flex-direction: row;flex-wrap: wrap;align-items: center; …然后它将文本元素视为自己的整个元素并包装整个事物,而不是将其分解. 有没有“flexbox” 假设我有一个显示：带有一些文本子项的内联容器,以及一些内联块子项：

如果我给容器下面的CSS …(并将inline-block更改为inline-flex)

display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;

…然后它将文本元素视为自己的整个元素并包装整个事物,而不是将其分解.

有没有“flexBox”方法来实现这一目标,还是我真的不得不回归显示内联？

解决方法 创建d性容器(display：flex或display：inline-flex)后,所有流入的子级都将成为d性项目.

根据定义,Flex项目是“阻塞的”,这意味着它们是块级框(source).

文本元素表示内联级框(source).

因此,您不能以与文本(或浮点数)相同的方式使Flex项目换行.

总结

以上是内存溢出为你收集整理的html – 如何在flexbox中围绕对象(如浮动)包装文本？全部内容，希望文章能够帮你解决html – 如何在flexbox中围绕对象(如浮动)包装文本？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。