首页 > 开发 > CSS > 正文

css怎么实现图片环绕的效果

2017-09-12 09:37:17  来源: 网友分享


让标号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