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. 百度地圖 - Android app中準備接入地圖sdk，百度VS高德哪個好一點？2. mongoDB批量插入文檔時，運行下面代碼，用MongoVUE查看數據庫，mongo庫中只存在一個文檔？不應該是20個嗎？3. 百度地圖api - Android百度地圖SDK，MapView上層按鈕可見卻不可觸，怎么解決？4. HTML5禁止img預覽該怎么解決？5. javascript - 如何將一個長為365的數組對象按月份切割成12組？6. javascript - 關于圣杯布局的一點疑惑7. node.js - vue文件修改后如何自動build成html、js、css等8. android-studio - 用Android Studio開發基于百度位置服務的Android軟件中遇到jar中沒有主清單屬性的問題9. javascript - JS如何把回調閉包形參傳遞給外部環境的變量10. html5 - 需要做一個移動端微信頁面的小游戲，腦子里比較空希望有大神小神稍微指點指點。
網公網安備