如何在居中图像/ div周围的容器中扭曲文本

Question

我想在其父元素的中间放置一个<div>，并使其周围有文字流（类似于Microsoft Word中的“自动换行”模式）。

下图显示了我要实现的目标：

图像放置在段落中间的某处，文本围绕它流动。

如何用HTML / CSS实现？

任何CSS属性display:flex，display:grid或clip-path: circle()，shape-outside: circle()都能解决吗？

以另一种方式提出问题。是否可以以影响布局框的方式重新定位元素（除了使用margin以外）？

因为使用position:relative只会移动视觉效果，而不会影响另一个元素及其内容的布局。

Answer 1

嘿，我认为您需要的是外部形状：circle（）; 这将使文本围绕您的形状。