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. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!3. docker-compose中volumes的問題4. docker不顯示端口映射呢?5. golang - 用IDE看docker源碼時的小問題6. docker內創建jenkins訪問另一個容器下的服務器問題7. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””8. javascript - 最近用echarts做統計圖時遇到兩個問題!!9. javascript - 連續點擊觸發mouseleave事件10. mac里的docker如何命令行開啟呢?

網公網安備