如果您訪問http://www.timkainu.com/journal/,則可以看到文本左側浮動了一些「精選圖像」。文本如何環繞圖像?我用Firebug試圖找出CSS的哪一部分會影響它,但顯然我失敗了。如何在wordpress中的左浮動圖像周圍纏繞文本
該網站運行在WordPress上,正在使用的主題被稱爲「Striking」,它在ThemeForest上找到。
謝謝!
如果您訪問http://www.timkainu.com/journal/,則可以看到文本左側浮動了一些「精選圖像」。文本如何環繞圖像?我用Firebug試圖找出CSS的哪一部分會影響它,但顯然我失敗了。如何在wordpress中的左浮動圖像周圍纏繞文本
該網站運行在WordPress上,正在使用的主題被稱爲「Striking」,它在ThemeForest上找到。
謝謝!
您將不得不對主題進行一些更改才能完成該工作。爲了讓文字環繞圖像,文字和圖像需要位於同一個容器中。在這種情況下,圖像位於一個DIV中,文本位於DIV旁邊。您需要將div.image_styled.entry_image移動到div.entry_info中以使其工作。您可能還需要進行一些CSS調整,因爲它不是用來包裝像這樣的圖像。
您是否指左圖中的Costco第一項「Costco Photo Center Review」?
圖像被包裹在裏面<div class="image_styled entry_image"></div>
而該文本被包裹在裏面<div class="entry_info"></div>
,這兩者都是內部<article id="xxx" class="entry entry_left">
包裹爲了文本換圖像周圍,他們需要在同一個容器中,同圖像設置爲float: left
。我不確定這是如何與Wordpress相關的,但在HTML和CSS方面,這是要走的路。