Html 如何在CSS网格中使用shape outside属性？

我一直在修改

shapeoutside

属性，试图让我的文本在

div

中循环。我用css网格定位元素，发现不管我怎么做，它似乎都不起作用。这是我的模板文件中的html

.contentShell{
宽度：100%；
身高：100%；
显示：网格；
网格模板列：重复（22，1fr）；
网格模板行：重复（22，1fr）；
}
.描述区域{
网格面积：4/1/23/23；
背景色：淡紫色；
/*显示：网格*/
显示：块；
/*浮动：左*/
身高：100%；
宽度：100%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：var（--smallText）；
/*换字：正常*/
}
.标题b{
网格面积：1/1/8/13；
背景颜色：桃花；
/*显示：块*/
显示：网格；
浮动：左；
高度：自动；
宽度：50%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：var（--articleText）；
外部形状：嵌入（100%，100%，100%，100%，30px）；
-外部webkit形状：插图（100%，100%，100%，100%，30px）；
/*对齐项目：居中；
证明项目：中心*/
}

长标题之类的废话之类的

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。灵丹妙药，它的作用是什么，它的作用是什么。Reprehenderit，blanditiis volupatibus减去Concertetur，从合理的角度来看，类似的解决方案要求发明人履行其义务。
我的同僚们都是精英。事实上，布兰迪·沃卢帕斯（Blanditis voluptas eligendi doloremque）是一位伟大的、明确的共和党人，他是否有足够的时间来解决问题？同侧rem ab perferendis？Lorem ipsum dolor sit，amet Concertetur Adipising Elite。献身劳动，真正的灵丹妙药，在一个类似于同一个人的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里！
Lorem ipsum dolor sit，amet Concertetur Adipising Elite。灵丹妙药，它的作用是什么，它的作用是什么。Reprehenderit，blanditiis volupatibus减去Concertetur，从合理的角度来看，类似的解决方案要求发明人履行其义务。
我的同僚们都是精英。事实上，布兰迪·沃卢帕斯（Blanditis voluptas eligendi doloremque）是一位伟大的、明确的共和党人，他是否有足够的时间来解决问题？同侧rem ab perferendis？Lorem ipsum dolor sit，amet Concertetur Adipising Elite。献身劳动，真正的灵丹妙药，在一个类似于同一个人的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里，在一个充满活力的世界里！

shape outside属性用于定义相邻内联内容可能环绕的形状。它可以用来定义复杂的形状，包括可以用来环绕文本而不是简单框的图像。 外部形状：| | |无|首字母|继承

---

例如：外部形状：圆形（25%）

Shape outside要求元素浮动，这不会发生在Css网格的子元素上。您甚至不需要Shape outside，因为您使用的值无论如何都是无效的。因此，只有float才能完成这个任务job@TemaniAfif你说我不需要外部的

形状是什么意思？在使用css网格时，有没有一种方法可以让文本在没有该属性的情况下在容器中流动？要让某些内容在需要浮动的内容周围流动，这将永远无法使用css网格和flexbox，所以请忘记这个想法。在这里使用一个基本的浮动，你甚至不需要外部形状。