Gutenberg为浮动图片自动包裹DIV导致浮动效果失效的问题求助

大家好，我目前在用Gutenberg排版博客文章，其中部分文章需要实现图片浮动在段落旁的排版效果，但遇到了一个棘手的问题：WordPress会自动给设置了浮动的图片外层包裹一个<div class="wp-block-image">容器，直接破坏了原本的浮动环绕效果。

生成的HTML示例 #

WordPress输出的代码是这样的：

<div class="wp-block-image">
  <figure class="alignleft  size-full is-resized">
    <img decoding="async" src="/wp-content/webp-express/webp-images/uploads/2023/06/company-working.png.webp" alt="a group of employees working together at a large desk in a brightly lit office building" class="wp-image-3120" style="width:350px" width="350">
  </figure>
</div>

效果异常表现 #

原本预期是文字环绕着浮动的图片排版，但实际前端显示时，这个宽度只有350px的图片并没有实现环绕效果，只是生硬地把文字内容打断，和编辑页面预览里的效果完全不符。

我已经尝试过的解决方法 #

• 试过在主题的functions.php文件中添加过滤区块输出的代码，用来移除这个多余的外层div，但没有起到效果
• 查到Gutenberg的相关议题里标注这个问题已经被修复，但我的WordPress版本是最新的，问题依然存在

有没有大佬能给点帮助或者思路？谢谢大家！

备注：内容来源于stack exchange，提问作者zolaDesigner