css怎么实现图片环绕的效果

html-css028

css怎么实现图片环绕的效果,第1张

<p>假设这是一个段落,假设这是一个段落假设这是一个段落假设这是一个段落假设这是一个段落假设这是一个段落<img src="test.jpg" style="float:left" />假设这是一个段落假设这是一个段落假设这是一个段落假设这是一个段落假设这是一个段落</p>

说明:最简单的图文并茂是非常简单的,直接把img标签加入到文字中,给图片设置float即可,如果位置不合适可以调整img在文字中的位置,这种字体会自动环绕图片。

简单做只能让图片浮动到左边或右边。<img style="float:left" src="images/image.jpg" />这样,文字就围绕图片了,left改为right就是向右浮动。要是四周的话,还得建几个层,就麻烦了

亲,你尝试下这个代码:.cat-area{ width:343pxfloat:left}.cat-area .content .img{ margin-right:10pxfloat:leftdisplay:inline}.cat-area .content .title { float:leftcolor:#333font-size:14pxheight:100pxline-height:120pxoverflow:hidden}.cat-area .content .des{ float:leftcolor:#777font-size:12pxline-height:18px}

" width="70" height="70" />标题,,,,,摘要,,,,,