关于IMG的 问题

来源:1-2 浮动的原本作用-文字环绕

hei_yu_fa

2015-11-05 17:22

img放在P标签中不是也可以实现文字环绕的效果么。。。为什么当初会想到另外搞出个float来

写回答 关注

2回答

  • 李晓健
    2015-11-05 21:06:28
    已采纳

    img放在P标签中是不会出现环绕效果,例如图片在前面,文字在后面,结果会是图片右边只有一行字,其他的字都在图片的下面,图片的右边除了一行字其他的地方是空白。如果图片用了float:left  图片的右边就会有多行字。当图片右边高度都放满字后,文字才会出现在图片的下面。这才是真正的环绕效果。

    xy3197... 回复yuuuuu...

    是不是<p>...</p>标签内的内容作为一个段落,将一张图片放在此标签内,就相当于把这张图片当作一段文字来处理,是这样吗?

    2016-02-23 17:19:03

    共 3 条回复 >

  • 618463
    2016-04-13 22:54:45

    那是因为img是行内块元素,但是加了float属性后,就会变成块元素,具有了块状元素的特征,而p是块元素,自然就能出现环绕效果了;如果img放在p里面,首先后面的文字是肯定不能环绕的,也只有那p里面的文字会出现在图片的右边。

CSS深入理解之float浮动

课程将会从感性的认识的角度讲解CSS float属性,浮动的前世今生

75969 学习 · 461 问题

查看课程

相似问题