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