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

Question

我已经使用 Wordpress 创建了一个博客，并尝试向每篇文章添加图片。这些图像似乎不能“内联”工作。我尝试添加内联样式(使用 Chrome 开发工具)，但似乎无法让段落换行。

Example

Answer 1

对于环绕图像的文本，您必须设置 display: inline 以及 float。

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

或者完全删除父 div(因为它完全无关并且没有实际用途)并简单地将 display: inline 应用到应用的 .wp-caption 类到包含图像的标题 div 和 float: left 到 .alignleft 类(这是 WP 分配给任何左对齐图像的内容)。