WordPress可视编辑器中的文本不能正确环绕图像

时间:2018-02-20 作者:inputforcolor

这个问题特别与Wordpress可视化编辑器有关。我已经搜索了这个问题的答案,因为它一定是一个常见问题,但遗憾的是,在任何地方都找不到解决方案,包括堆栈交换

问题是让文本一直包裹在图像的一侧,我只是无法让它像我在非Wordpress特定的网页中所期望的那样_

可视化编辑器中的显示将以我想要的方式精确显示图像和文本enter image description here

但实际页面上的文本和图像如下所示enter image description here

Wordpress文本编辑器代码如下

<p style="text-align: left;"><img class="alignleft size-medium wp-image-301" src="https://www.careerrecruitment.co.uk/wp-content/uploads/2018/02/workers7-300x159.png" alt="" width="300" height="159" /> Text content </p>
如果有人能就如何解决这个问题提供建议,我将非常感激\\u

提前感谢:)

1 个回复
最合适的回答,由SO网友:DHL17 整理而成

利用这些新的CSS类进行图像对齐

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
在此处查找:Text Wrapping Issue

结束

相关推荐

Get images by category

我目前获取滑块图像的方法是使用以下工作正常的代码:$args = array( \'post_type\' => \'attachment\', \'sort_order\' => \'ASC\', \'sort_column\' => \'menu_order\', ); $attachments = get_posts($args); if ($attachments) { $