WordPress中实现文字环绕图片

  • Posted on
  • by

在WordPress中实现文字环绕图片的方法有3种:

1.CSS 全局控制,在所有文章中都实现文字环绕图片。需要注意的是要控制图片的大小以免影响整体美观! 修改模板中style.css文件,在"post"部分加入

.post img { float: left; margin: 5px 10px 0 0; border: 1px solid #e0e0d0; }

2.实际需要的时候再加。其实就是基本的html语法。 例如:

<img vspace="6" hspace="6" align="left" alt="123" src="http://www.abc.com/123.jpg" />

其中的vspace和hspace分别表示在图片上下或左右各留6个像素,可以使文字不会紧贴图片。align就是定义图片位置的参数,常用的值有left,top,absmiddle,absbottom,texttop,middle等。

3.使用插件实现

资料来源:wordpresscn.com