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. javascript - 關于apply()與call()的問題2. java - 在用戶不登錄的情況下,用戶如何添加保存到購物車?3. javascript - nginx反向代理靜態資源403錯誤?4. java - spring boot 如何打包成asp.net core 那種獨立應用?5. docker網絡端口映射,沒有方便點的操作方法么?6. 安全性測試 - nodejs中如何防mySQL注入7. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?8. 推薦好用mysql管理工具?for mac和pc9. Mysql 組合索引最左原則的疑惑10. javascript - 如何將函數計算出的內容傳遞為變量
