将图像在段落中居中

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 平台预览版据说有一个名为 定位浮动 的新功能，它似乎可以实现您正在寻找的功能。

不过现在，我认为你完蛋了:/

Answer 3

我认为这不可能：

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

据我所知，浏览器将

<p>

内容视为属于一行，因此当浏览器解析包含图像的p标签时，它会自动使该行与图像一样高。

也许 css3 是可能的......

Answer 4

目前还没有办法做到这一点。我已经看得很远了。

这里的其他答案没有解决所提出的问题。 此链接（A List Apart）需要使用两段文本，并且您无法动态执行此操作，因为您必须小心匹配图像两侧的文本。

另一个，IE10 的定位浮动（微软称其为排除），确实可以工作，但有一系列警告：

• 仅限 IE。
• 您必须指定列数等内容，而不是偏移量。
• 调整窗口大小时效果不佳。其他内容重叠，并且容器保持最小尺寸。