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 - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 配置Apache時,添加對PHP的支持時語法錯誤5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎?8. phpstudy8.1支持win11系統嗎?9. 實現bing搜索工具urlAPI提交10. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?

網公網安備