wordpress Gutenburg在浮动图像周围插入DIV打破浮动

kwvwclae  于 5个月前  发布在  WordPress
关注(0)|答案(1)|浏览(85)

我使用 gutenberg 布局博客文章,其中一些职位将有一个图像浮动旁边的一段。
不管出于什么原因,WordPress在浮动图像周围插入了一个div,破坏了效果。
下面是它输出的示例HTML:

<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>

字符串
这会导致图像没有页面那么宽,只是打破了文本,而不是像预览屏幕那样浮动。
前端:
x1c 0d1x的数据
编辑页面:

我尝试了这里概述的方法,将其添加到functions.php文件中以过滤块输出,但似乎不起作用。https://www.binarymoon.co.uk/2021/03/fixing-gutenberg-image-floats/
我在gutenburg github上也看到了这个问题的参考,但我的WP版本是最新的,仍然有这个问题。https://github.com/WordPress/gutenberg/issues/28820
任何帮助或见解将是有益的,谢谢!

ndasle7k

ndasle7k1#

在纠结了一段时间后,我意识到post内容和图像周围的父容器设置为display:flex,从而打破了所有的浮动。哎呀,在post模板中的content / images周围添加一个无样式的div标签,就把它修好了。

相关问题