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布局