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

问题描述

问 题

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

这篇关于css3 - css怎么实现图片环绕的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！