图像上的内联样式，段落不会换行

Question

我使用Wordpress创建了一个博客，并尝试在每个帖子中添加图片。但是这些图像似乎并不适用于“内联”。我尝试添加内联样式（使用Chrome开发工具）并且似乎无法将段落包装起来。

Example

Answer 1

要使文字环绕图像，您必须设置display: inline以及float设置。

您在div上设置display:inline，其中包含包含标题和图片的div，但未应用浮点数。将float: left添加到标题div的父div（已将display: inline设置为内联样式的div），文本将围绕图像流动。

或完全删除父div（因为它完全无关且没有实际意义），只需将display: inline应用于应用于包含图像的标题div的.wp-caption类，float: left 1}}到.alignleft类（WP分配给任何左对齐图像）。

Answer 2

将float:left添加到div，其中包含wp-caption alignleft个类，如下所示：

.alignleft
{
    float:left;
}

Answer 3

您需要删除图像周围的div并将图像放在段落标记内。当图像在p标签内时，您可以左/右对齐，文本将围绕它们流动。