前端之家收集整理的这篇文章主要介绍了
html – 如何在flexbox中围绕对象(如浮动)包装文本?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个
显示:带有一些文本子项的内联容器,以及一些内联块子项:
如果我给容器下面的CSS …(并将inline-block更改为inline-flex)
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
…然后它将文本元素视为自己的整个元素并包装整个事物,而不是将其分解.
有没有“flexBox”方法来实现这一目标,还是我真的不得不回归显示内联?
创建弹性容器(display:flex或display:inline-flex)后,所有流入的子级都将成为弹性项目.
根据定义,Flex项目是“阻塞的”,这意味着它们是块级框(source).
文本元素表示内联级框(source).
因此,您不能以与文本(或浮点数)相同的方式使Flex项目换行.
原文链接:https://www.f2er.com/html/228215.html