css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果
問(wèn)題描述
讓標(biāo)號(hào)1的一組圖片環(huán)繞標(biāo)號(hào)2的這張圖片
<p>/*讓他們環(huán)繞我*/<p> <img src='http://www.gbtags.com/gb/laitu/400x200&text=可愛(ài)的小周周/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>
大神幫幫忙，謝謝啦^_^！
問(wèn)題解答
回答1：大圖用float，小圖用margin——Css里用nth-child()控制不同小圖的位置。演示：http://codepen.io/tjcccc/pen/bpKLwj
回答2：使用3*3的tabel，合并單元格，不就行了
回答3：這個(gè)效果 不應(yīng)該 描述成 圖片環(huán)繞的。。。。。
只是很常見(jiàn)的 柵格布局 ~~~
jd tb 各種這種布局
回答4：不知道你的這個(gè)具體需求是啥，圖片是否固定寬高，外層是否固定寬高。這種其實(shí)就是簡(jiǎn)單的float布局就可以做了
回答5：真的是環(huán)繞么 環(huán)繞布局雖然可能做到但是真沒(méi)見(jiàn)過(guò)這么做的按豎排編組或者按橫排編組都可以
回答6：使用浮動(dòng)，高度控制好，就能環(huán)繞了
回答7：p+CSS中的2+1布局
相關(guān)文章：
1. javascript - npm下載的模塊不完整是什么問(wèn)題？2. java - Spring事務(wù)回滾問(wèn)題3. mysql 聯(lián)表查詢(xún)4. apache - 想把之前寫(xiě)的單機(jī)版 windows 軟件改成網(wǎng)絡(luò)版，讓每個(gè)用戶(hù)可以注冊(cè)并登錄。類(lèi)似 qq 的登陸，怎么架設(shè)服務(wù)器呢？5. node.js - 我想讓最后進(jìn)入數(shù)據(jù)庫(kù)的數(shù)據(jù)，在前臺(tái)最先展示，如何做到？6. MySQL數(shù)據(jù)庫(kù)服務(wù)器循環(huán)插入執(zhí)行速度慢7. 剛放到服務(wù)器的項(xiàng)目出現(xiàn)這中錯(cuò)誤，有高手指點(diǎn)嗎8. wordpress - Nginx中禁止訪(fǎng)問(wèn)txt，robots.txt文件例外，規(guī)則該怎么寫(xiě)？9. python 操作mysql如何經(jīng)量防止自己的程序在之后被惡意注入（說(shuō)白了就是問(wèn)一下python防注入的一些要點(diǎn)）10. mysql - 面試題：如何把login_log表轉(zhuǎn)換成last_login表？
網(wǎng)公網(wǎng)安備