css图文混排 图片被文字包围要怎么实现？

html-css09

css图文混排 图片被文字包围要怎么实现？,第1张

如果是文字包围图片的一边，可以把图片浮动，文字就会围绕这图片。如果是图片四周围绕的文字的话就比较麻烦，其中一个方法是把图片定位在段落中间，把图片遮住的文字用空格代替就可以了，适合不规则图片。

给你的图片写上高度和宽度。

这个为什么我答不出来。不过你可以换个方法来实现。

把图片放在P的外面。或者把图片和文字看成二个DIV块。这样就可以轻松浮动了。不过有可能就是没有环绕效果。

按理说其它的人说的是正确的，而你还不能实现，应该把全部代码发上来看看，可能哪里有误吧。

<div class="" style="width: 200px">

<div class="" style="float:right"><img src="images/p3.png" alt="" /></div>

<p class="">联系我们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系我们联系我们联系我们联系我们联系我们联系我们</p>

</div>

<div class="" style="width: 200px">

<div class="" style="float:left"><img src="images/p3.png" alt="" /></div>

<p class="">联系我们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系们联系我们联系我们联系我们联系我们联系我们联系我们联系我们</p>

</div>