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

html-css022

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

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

<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>