css3 - css怎么實現(xiàn)圖片環(huán)繞的效果
問題描述
讓標號1的一組圖片環(huán)繞標號2的這張圖片
<p>/*讓他們環(huán)繞我*/<p> <img src='http://www.gbtags.com/gb/laitu/400x200&text=可愛的小周周/dd4814/ffffff' /></p>/*環(huán)繞他去*/<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:這個效果 不應(yīng)該 描述成 圖片環(huán)繞的。。。。。
只是很常見的 柵格布局 ~~~
jd tb 各種這種布局
回答4:不知道你的這個具體需求是啥,圖片是否固定寬高,外層是否固定寬高。這種其實就是簡單的float布局就可以做了
回答5:真的是環(huán)繞么 環(huán)繞布局雖然可能做到但是真沒見過這么做的按豎排編組或者按橫排編組都可以
回答6:使用浮動,高度控制好,就能環(huán)繞了
回答7:p+CSS中的2+1布局
相關(guān)文章:
1. html - 類似這樣的彈層用什么插件寫比較好?2. docker - 如何修改運行中容器的配置3. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題4. nignx - docker內(nèi)nginx 80端口被占用5. docker-machine添加一個已有的docker主機問題6. 為什么我ping不通我的docker容器呢???7. angular.js - angularjs的自定義過濾器如何給文字加顏色?8. 關(guān)于docker下的nginx壓力測試9. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!10. python3.x - python連oanda的模擬交易api獲取json問題第五問
