文本覆盖两个画布（左侧和右侧）时居中图像

Question

我有一个这样的简单文字，图片位于内容的中间：

  

Lorem ipsum dolor sit amet，consectetur adipisicing elit，sed do   eiusmod tempor incididunt ut labore et dolore magna aliqua。 Ut enim ad   微小的veniam，quis nostrud exercitation ullamco laboris nisi ut   aliquip ex ea commodo consequat。 <img src="img/foo.png" /> Duis aute   irure dolor in repreptderit in velptate velit esse cillum dolore eu   fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident，   culpa qui officia deserunt mollit anim id est laborum。

我想要的是右边的文字，而图像完全覆盖在中心。似乎我可以使用漂浮，它运作良好，但只能向左或向右。

无论如何用css实现这一点，没有任何黑客攻击？

Answer 1

你想要实现的是HTML5和CSS3中一些非常新的称为CSS形状，允许文本环绕图像和形状。您可以点击此链接http://www.html5rocks.com/en/tutorials/shapes/getting-started/了解如何实现这一目标 但缺点是它只在非常现代的浏览器中得到支持。