以文字为中心同时包含画布(左侧和右侧)

我有这样一个简单的文字,图像在内容的中间:

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。 请将您的评论发送给我们,我们会尽快为您解答。 <img src="img/foo.png" /> Duis aute irure dolor in reninderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident,sunt in culpa qui officia deserunt mollit anim id est laborum。

我想要的是将文本放在右侧,而图像完全覆盖在中央。 看起来我可以使用漂浮,这很好,但只能向左或向右。

无论如何用CSS实现这一点,没有任何黑客?


你试图实现的是HTML5和CSS3中非常新颖的东西,叫做CSS形状,允许文本环绕图像和形状。 您可以通过以下链接了解如何实现此目的:http://www.html5rocks.com/en/tutorials/shapes/getting-started/但不利的一面是,它仅在非常新的浏览器中受支持。

链接地址: http://www.djcxy.com/p/41473.html

上一篇: centering an image while text covers both canvas (left and right)

下一篇: Making div 100% height of browser window