我有一个像这样的简单文本,图像在内容的中间:
Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim 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 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/了解如何实现这一目标, 但不足之处在于它仅在非常现代的浏览器中受支持.
| 归档时间： |
|
| 查看次数： |
91 次 |
| 最近记录： |