围绕图像（或任何元素）的文本环绕

Question

有没有办法用CSS将文本包装在元素的两个面上（例如图像）。我试图将一个图像放在段落的中间，并希望文本流过它。请参阅图片以获取示例。

定位元素通常会将其从文档流中取出;所以这不起作用。

Answer 1

我不这么认为，不。不是没有使用多个文本列。

我只是把一个可能的解决方案汇总在一起。您可以在http://www.sampsonresume.com/labs/img-in-middle/

访问它

Answer 2

我见过的与此类似的唯一内容是A List Apart文章：Cross-Column Pull-Out Part Two: Custom Silhouettes。您仍然需要多个文本列，甚至ALA将其列为“实验性”。不过，这可能值得一试。

Example here

Answer 3

不是没有一些非常棘手/乏味的文本解析。但是任何试图阅读该文本的人都会讨厌你，如果你让它们每行两次来回跳过图像，那么这可能是一件好事。