网页中如何实现图片被文字四周环绕效果?
word可以实现文字环绕图片。
至于网页中,就得靠定位了
【【文字(margin:0 auto)】
【【文字】【图片】【文字】】
【【文字】(margin:0 auto)】
每一个框都是一个DIV自己琢磨琢磨
设置图片的align属性
<p>文字<img src ="img.jpg" align="middle">文字</p>
慕课网有一节讲float的课程,说是float最初发明出来就是为了实现文字环绕效果的,你可以试试?
课程的地址:http://www.imooc.com/view/121
-----分割线-----
今天刷知乎发现了大漠的回答,你可以参考一下:
https://www.zhihu.com/question/41483756#...
例外,w3clus上有他写的一个模拟居中的教程使用CSS伪元素模拟float:center效果
float浮动就好了。
要四周环绕没有直接的某个标签。。float提供了元素块在水平方向的定位。那用div一个套一个一个嵌一个的做就可以四周环绕了。就是比较繁琐。
图片元素的属性应该可以设置的