hei_yu_fa
2015-11-05 17:22
img放在P标签中不是也可以实现文字环绕的效果么。。。为什么当初会想到另外搞出个float来
img放在P标签中是不会出现环绕效果,例如图片在前面,文字在后面,结果会是图片右边只有一行字,其他的字都在图片的下面,图片的右边除了一行字其他的地方是空白。如果图片用了float:left 图片的右边就会有多行字。当图片右边高度都放满字后,文字才会出现在图片的下面。这才是真正的环绕效果。
那是因为img是行内块元素,但是加了float属性后,就会变成块元素,具有了块状元素的特征,而p是块元素,自然就能出现环绕效果了;如果img放在p里面,首先后面的文字是肯定不能环绕的,也只有那p里面的文字会出现在图片的右边。
CSS深入理解之float浮动
75969 学习 · 461 问题
相似问题