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

Question

让标号1的一组图片环绕标号2的这张图片

<p>
        /*让他们环绕我*/
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=可爱的小周周/dd4814/ffffff" />
        </p>
        /*环绕他去*/
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=叫/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=我/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=小/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </p>
    </p>

---

大神帮帮忙，谢谢啦^_^！

Answer 1

Use float for large images and margin for small images - use nth-child() in Css to control the position of different small images.
Demo:
http://codepen.io/tjcccc/pen/bpKLwj

Answer 2

Just use a 3*3 tab and merge cells, that’s enough

Answer 3

This effect should not be described as image wrapping. . . . .

Just a very common grid layout ~~~

jd tb various layouts

Answer 4

I don’t know what your specific needs are, whether the image has a fixed width and height, and whether the outer layer has a fixed width and height.
This is actually a simple float layout that can be done

Answer 5

Is it really a wraparound layout? Although it is possible to do a wraparound layout, I have never seen it done this way
You can group it vertically or horizontally

Answer 6

Use float, control the height, and you can wrap it around

Answer 7

2+1 layout in p+CSS