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>
大神幫幫忙，謝謝啦^_^！
問題解答
回答1：大圖用float，小圖用margin——Css里用nth-child()控制不同小圖的位置。演示：http://codepen.io/tjcccc/pen/bpKLwj
回答2：使用3*3的tabel，合并單元格，不就行了
回答3：這個效果 不應該 描述成 圖片環繞的。。。。。
只是很常見的 柵格布局 ~~~
jd tb 各種這種布局
回答4：不知道你的這個具體需求是啥，圖片是否固定寬高，外層是否固定寬高。這種其實就是簡單的float布局就可以做了
回答5：真的是環繞么 環繞布局雖然可能做到但是真沒見過這么做的按豎排編組或者按橫排編組都可以
回答6：使用浮動，高度控制好，就能環繞了
回答7：p+CSS中的2+1布局
相關文章：
1. mysql - 如何減少使用或者不用LEFT JOIN查詢？2. html5 - H5 audio 微信端 在IOS上不能播放音樂3. python - 編碼問題求助4. python - 我在使用pip install -r requirements.txt下載時，為什么部分能下載，部分不能下載5. 視頻文件不能播放，怎么辦？6. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處7. mysql - jdbc的問題8. python - Scrapy存在內存泄漏的問題。9. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？10. mysql - 千萬級數據的表，添加unique約束，insert會不會很慢？
網公網安備