网页中如何实现图片被文字【四周】环绕效果？

Question

网页中如何实现图片被文字四周环绕效果？

Answer 1

慕课网有一节讲float的课程，说是float最初发明出来就是为了实现文字环绕效果的，你可以试试？
课程的地址：http://www.imooc.com/view/121

-----分割线-----

今天刷知乎发现了大漠的回答，你可以参考一下：
https://www.zhihu.com/question/41483756#...
例外，w3clus上有他写的一个模拟居中的教程使用CSS伪元素模拟float:center效果

Answer 2

图片元素的属性应该可以设置的

Answer 3

float浮动就好了。

Answer 4

要四周环绕没有直接的某个标签。。float提供了元素块在水平方向的定位。那用div一个套一个一个嵌一个的做就可以四周环绕了。就是比较繁琐。

Answer 5

【【文字(margin:0 auto)】
【【文字】【图片】【文字】】
【【文字】(margin:0 auto)】
每一个框都是一个DIV自己琢磨琢磨

Answer 6

设置图片的align属性

<p>文字<img src ="img.jpg" align="middle">文字</p>

Answer 7

word可以实现文字环绕图片。
至于网页中，就得靠定位了

Answer 8

css目前无解，js倒是有可能，太复杂。HTML5实现Word中文字全环绕图片效果