怎样用CSS写图文混排效果为四周环绕型,效果如同在WORD中排版一样。

html-css014

怎样用CSS写图文混排效果为四周环绕型,效果如同在WORD中排版一样。,第1张

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

按照下面这种代码格式,就可以设置成你想要的效果,css根据需要设置段落格式,图片大小也可以通过里面的div设置

<div>

<div><img></div>文字

</div>