如何在wordpress中围绕左浮动图像包装文本

Question

如果您访问http://www.timkainu.com/journal/，则可以看到文本左侧浮动有一些“精选图片”。文本如何环绕图像？我用Firebug试图找出CSS的哪些部分会影响它，但显然我失败了。

该网站在WordPress上运行，正在使用的主题称为“Striking”，可在ThemeForest上找到。

谢谢！

Answer 1

您将不得不对主题进行一些更改才能实现这一目标。为了使文本环绕图像，文本和图像需要位于同一容器中。在这种情况下，图像在一个DIV中，文本在它旁边的DIV中。您需要在div.entry_info中移动div.image_styled.entry_image才能使其正常工作。您可能还需要进行一些CSS调整，因为它不是设计来包裹这样的图像。

Answer 2

您是指第一项“Costco Photo Center Review”左侧是Costco的图片吗？

图片包含在<div class="image_styled entry_image"></div>内 并且文本包含在<div class="entry_info"></div>中，两者都包含在<article id="xxx" class="entry entry_left">

中

为了使文本环绕图像，它们需要位于同一容器中，图像设置为float: left。我不确定这与Wordpress有什么关系，但就HTML和CSS而言，这是要走的路。