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

问题描述

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

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

问题解答

大图用float，小图用margin——Css里用nth-child()控制不同小图的位置。演示：http://codepen.io/tjcccc/pen/bpKLwj

使用3*3的tabel，合并单元格，不就行了

这个效果 不应该 描述成 图片环绕的。。。。。

只是很常见的 栅格布局 ~~~

jd tb 各种这种布局

不知道你的这个具体需求是啥，图片是否固定宽高，外层是否固定宽高。这种其实就是简单的float布局就可以做了

真的是环绕么 环绕布局虽然可能做到但是真没见过这么做的按竖排编组或者按横排编组都可以

使用浮动，高度控制好，就能环绕了

p+CSS中的2+1布局