wordpress文章中实现文字环绕图片教程

  • 3
  • 1,173 views
  • A+

实现在文章中插入图片并且让文字环绕的方法有三种

第一种:安装插件

通过Adsense-Deluxep插件,但不建议安装插件的方式,一个如此的简单的需求不值得启用一个插件,因为插件会拖累网站速度造成臃肿;

第二种方式:修改CSS文件

通过控制css全局就可以在所有文章中实现文字环绕图片效果,找到style.css打开编辑,找到"post"在其加入如下语法

1
.post img { floatleftmargin5px 10px 0 0border1px solid #e0e0d0; }

第三种:直接在文章定义【推荐】

在css文件中定义会影响全局,有时候会显得不是很方便;这里我个人推崇在需要文字环绕图片的文章当前定义;

1
<img alt="文字环绕图片" src="http://www.5yun.org/123.jpg" align="left" hspace="8" vspace="8" />

参数说明:

vspace和hspace分别表示在图片上下或左右各留8个像素;
align="left"表示图片在左边,定义右边则修改为“left”

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

,输入正确后才能评论!

目前评论:3   其中:访客  2   博主  1

    • 李春 李春 0

      第三种是不是加个代码,但是你的图片看不到!

        • 楚斌 楚斌 Admin

          @李春 插件失效 导致显示异常 已修复

        • 战无不胜 战无不胜 0

          老师,我想用第三种,能否讲详细点