課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之float浮動
img放在P標(biāo)簽中不是也可以實現(xiàn)文字環(huán)繞的效果么。。。為什么當(dāng)初會想到另外搞出個float來
2015-11-05
源自:CSS深入理解之float浮動 1-2
正在回答
img放在P標(biāo)簽中是不會出現(xiàn)環(huán)繞效果,例如圖片在前面,文字在后面,結(jié)果會是圖片右邊只有一行字,其他的字都在圖片的下面,圖片的右邊除了一行字其他的地方是空白。如果圖片用了float:left ?圖片的右邊就會有多行字。當(dāng)圖片右邊高度都放滿字后,文字才會出現(xiàn)在圖片的下面。這才是真正的環(huán)繞效果。
hei_yu_fa 提問者
yuuuuuuuuuu
xy319733580 回復(fù) yuuuuuuuuuu
那是因為img是行內(nèi)塊元素,但是加了float屬性后,就會變成塊元素,具有了塊狀元素的特征,而p是塊元素,自然就能出現(xiàn)環(huán)繞效果了;如果img放在p里面,首先后面的文字是肯定不能環(huán)繞的,也只有那p里面的文字會出現(xiàn)在圖片的右邊。
舉報
課程將會從感性的認(rèn)識的角度講解CSS float屬性,浮動的前世今生
4 回答關(guān)于*號,一個簡單的問題
6 回答關(guān)于例子中2.的疑問。
1 回答關(guān)于第一張圖片下面那段文字的問題
1 回答關(guān)于張老師的課程
1 回答關(guān)于回答:@imp183噴子的話
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-11-05
img放在P標(biāo)簽中是不會出現(xiàn)環(huán)繞效果,例如圖片在前面,文字在后面,結(jié)果會是圖片右邊只有一行字,其他的字都在圖片的下面,圖片的右邊除了一行字其他的地方是空白。如果圖片用了float:left ?圖片的右邊就會有多行字。當(dāng)圖片右邊高度都放滿字后,文字才會出現(xiàn)在圖片的下面。這才是真正的環(huán)繞效果。
2016-04-13
那是因為img是行內(nèi)塊元素,但是加了float屬性后,就會變成塊元素,具有了塊狀元素的特征,而p是塊元素,自然就能出現(xiàn)環(huán)繞效果了;如果img放在p里面,首先后面的文字是肯定不能環(huán)繞的,也只有那p里面的文字會出現(xiàn)在圖片的右邊。