Css 在flexbox中真的没有办法将文本环绕在图像周围吗?

Css 在flexbox中真的没有办法将文本环绕在图像周围吗?,css,flexbox,twitter-bootstrap-4,Css,Flexbox,Twitter Bootstrap 4,通常,当你有一个文本块时,你可以将图像向左或向右浮动以将文本环绕,但在flexbox中,浮动不起作用,我正在努力寻找解决方案 Bootstrap 4将在其新的网格系统中使用flexbox,但如果您不能在列中包含一块文本,也不能在图像周围包含文本,则这可能会破坏交易。首先,flexbox不是网格系统,也不打算取代网格系统 事实上,Bootstrap4仍然拥有几乎相同的网格系统,但是BS4现在增加了使用flexbox的一些优点的能力 至于浮动…是的,如果您将父元素设置为display:flex则不能

通常,当你有一个文本块时,你可以将图像向左或向右浮动以将文本环绕,但在flexbox中,浮动不起作用,我正在努力寻找解决方案


Bootstrap 4将在其新的网格系统中使用flexbox,但如果您不能在列中包含一块文本,也不能在图像周围包含文本,则这可能会破坏交易。

首先,flexbox不是网格系统,也不打算取代网格系统

事实上,Bootstrap4仍然拥有几乎相同的网格系统,但是BS4现在增加了使用flexbox的一些优点的能力

至于浮动…是的,如果您将父元素设置为
display:flex
则不能浮动立即子元素(flex子元素或flex项)

但是,由于显示值不是继承的,所以浮动内容仍然可以很好地包装

img{
浮动:左;
右边距:1米;
}
.col-md-6,
.col-sm-6{
背景:粉红色;
}
.行{
显示器:flex;
}

Lorem ipsum dolor sit amet,奉献精英。明确地说,这是一种自由的权利,是一种非暂时性的权利。作为一名普通人,在流动性方面,在生活水平上不享有任何权利,
耳体复发性痣!需要临时性耳塞。埃文尼特的杜西姆斯·伊洛·普莱塞特

Lorem ipsum dolor sit amet,奉献精英。明确地说,这是一种自由的权利,是一种非暂时性的权利。作为一名普通人,在流动性方面,在生活水平上不享有任何权利, 耳体复发性痣!需要临时性耳塞。埃文尼特的杜西姆斯·伊洛·普莱塞特


不像float那样是一个完整的解决方案,但我们可以在CSS中使用
+
来包装图像的下一个标记

.container{
显示器:flex;
柔性包装:包装;
宽度:100%;
}
h3{
宽度:100%;
}
.第页图片{
利润率:0.20px 0.0;
最大宽度:200px;
}
.容器.第pic+p页{
弹性:1;
位置:相对位置;
顶部:-20px
}

一些头衔
Lorem ipsum dolor sit amet,是一位杰出的献身者。莫比·欧纳·奎姆。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。索达莱斯的胎动是一种寄托。以钻石为原料。静脉曲张。高贵的人,
梅特斯坐在阿梅特·阿利夸姆·波苏尔(amet aliquam posuere)的马蒂斯·图尔皮斯·普鲁斯(mattis turpis purus non-nibh)的座位上。一种发酵液。莫比·拉奥里特·内克·努拉·非朗库斯。我的生命是永远的。Nunc
odio odio,发酵剂ac hendrerit non,食用猫

另一个标题 另一个是一位杰出的领袖。莫比·欧纳·奎姆。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。索达莱斯的胎动是一种寄托。以钻石为原料。静脉曲张。 在马蒂斯·图皮斯·普鲁斯非尼布教堂,庄严的人们坐在艾米特·阿利夸姆·波苏尔的位子上,坐在法雷特拉·胡斯托的位子上。一种发酵液。莫比·拉奥里特·内克·努拉·非朗库斯。生命的终点在哪里 无赌注。诺克·奥迪奥·奥迪奥(Nunc odio-odio),发酵剂ac hendrerit non,食用猫


啊,谢谢你,这很有道理。应该考虑到只有.row是display:flex;