让标号1
的一组图片环绕标号2
的这张图片
<div> /*让他们环绕我*/ <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=可爱的小周周/dd4814/ffffff" /> </div> /*环绕他去*/ <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=叫/dd4814/ffffff" /> </div> <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=我/dd4814/ffffff" /> </div> <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=小/dd4814/ffffff" /> </div> <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" /> </div> <div> <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" /> </div> </div>
大神帮帮忙,谢谢啦^_^!
解决方案
大图用float,小图用margin——Css里用nth-child()控制不同小图的位置。
演示:
http://codepen.io/tjcccc/pen/bpKLwj