将图像居中放在段落中

Question

我正在寻找一种纯粹的CSS方式来将图像置于文本段落中，以便文本包裹在图像的两侧。

Ideely the image  |-----| would be placed
before or after   |-img-| the text within
the code structure|-----| and the text 
would wrap around the image.

Answer 1

在以下位置找到了一个非常有效的答案： http://www.alistapart.com/articles/crosscolumn/

Answer 2

IE10平台预览据称（根据this article）有一个名为定位花车的新功能，似乎可以实现您所需要的功能。

但是现在，我认为你被搞砸了：/

Answer 3

我认为不可能：

<p> Text that goes here and image <img src="img.jpg"/> continues text</p>

据我所知，浏览器将<p>内容视为属于某一行，因此当浏览器解析包含该图像的p-tag时，它会自动使该行与图像一样高。

也许有可能用css3但是......

Answer 4

目前无法做到这一点。我看得很远。

此处的其他答案不会在提出问题时解决问题。 This link（A List Apart）需要使用两段文字，而且您无法动态执行，因为您必须小心匹配图像两侧的文字。

另一个，IE10的定位花车（微软称之为exclusions），确实有点工作，但有一系列警告：

• 它只是IE浏览器。
• 您必须指定列数，而不是偏移量。
• 调整窗口大小时，它不能正常工作。其他内容重叠，容器保持最小尺寸。