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

Question

我使用 Wordpress 创建了一个博客，并尝试将图像添加到每个帖子中。不过，这些图像似乎不能“内联”。我尝试添加内联样式（使用 Chrome 开发工具），但似乎无法让段落换行。

例子

Answer 1

要让文字环绕图像，您必须拥有display: inline一套float。

您已display:inline设置包含包含标题和图像的 div 的 div，但未应用浮动。添加float: left到标题 div 的父 div（已经display: inline设置为内联样式的那个），文本将在图像周围流动。

或完全删除该父 div（因为它完全无关并且没有真正的目的）并简单地应用于display: inline应用于.wp-caption包含图像的标题 div 和float: left类.alignleft（这是 WP 分配给任何左对齐图像的类） ）。

Answer 2

float:left在divwith classes中添加一个wp-caption alignleft，如下所示：

.alignleft
{
    float:left;
}

Answer 3

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