我认为这只是一个制定HTML的方式来满足图像对齐要求的问题。。

您可以有两个独立的元素，一个用于帖子的图像，一个用于内容的段落，并将它们并排浮动。在这两者之间添加一个包装。。

所以基本上有两个元素，并排和一个包装器，例如。。

+------------+
|+----++----+|
||    ||    ||
|+----++----+|
+------------+

+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+

+------------+
|+----++----+|
||    ||    ||
||    |+----+|
|+----+      |
+------------+

因此，您的结果显示为。。

+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+
|+----++----+|
||    ||    ||
||    |+----+|
|+----+      |
+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+

这更像是一个CSS问题。您将图像标签放入段落中(<p><img/>....</p>) 然后使用CSS限制文本宽度并将图像向右推出：

p { padding: 0 200px 0 0; }
p img { float: right; width: 200px; height: 200px; margin: 0 -200px 0 0; }