css3 - css怎么實現(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：不知道你的這個具體需求是啥，圖片是否固定寬高，外層是否固定寬高。這種其實就是簡單的float布局就可以做了
回答5：真的是環(huán)繞么 環(huán)繞布局雖然可能做到但是真沒見過這么做的按豎排編組或者按橫排編組都可以
回答6：使用浮動，高度控制好，就能環(huán)繞了
回答7：p+CSS中的2+1布局
相關(guān)文章：
1. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網(wǎng)址是什么？？百度不到。2. wordpress - nginx 反代 Varnish 走 Https ，WP后臺 ‘您沒有足夠的權(quán)限訪問該頁面?！?/a>3. angular.js - angularjs 路由切換時給 html 做 id 標(biāo)示4. python - pip install出現(xiàn)下面圖中的報錯 什么原因？5. python - uwsgi+django的搭建問題6. 安全性測試 - nodejs中如何防m(xù)ySQL注入7. javascript - 我這個頁面的main的盒模型為什么把header的模型空間也包括了。8. javascript - webpack 多入口文件生成HTML文件；9. vue計算屬性怎么樣與for結(jié)合使用10. angular.js - vue/react 渲染內(nèi)容抖動
網(wǎng)公網(wǎng)安備