css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果
問題描述
讓標(biāo)號1的一組圖片環(huán)繞標(biāo)號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:不知道你的這個具體需求是啥,圖片是否固定寬高,外層是否固定寬高。這種其實(shí)就是簡單的float布局就可以做了
回答5:真的是環(huán)繞么 環(huán)繞布局雖然可能做到但是真沒見過這么做的按豎排編組或者按橫排編組都可以
回答6:使用浮動,高度控制好,就能環(huán)繞了
回答7:p+CSS中的2+1布局
相關(guān)文章:
1. MySQL數(shù)據(jù)庫中文亂碼的原因2. dockerfile - 我用docker build的時候出現(xiàn)下邊問題 麻煩幫我看一下3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。4. angular.js - 關(guān)于$apply()5. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計(jì)表結(jié)構(gòu)的?6. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗???7. dockerfile - [docker build image失敗- npm install]8. 如何解決Centos下Docker服務(wù)啟動無響應(yīng),且輸入docker命令無響應(yīng)?9. nignx - docker內(nèi)nginx 80端口被占用10. 請問朱老師,如何配置url訪問路由
