最新消息:

wordpress小工具添加自定义图片居中的方法

CSS 大步 1366浏览 0评论

最近在给wordpress的widgets小工具中添加自定义的图片时候,不居中,很是违和感。所以贴出在wordpress小工具添加自定义图片居中的方法。

一般我们都会用img标签的align参数,但是这个基本上都不会其中用,应为基本都是由css控制了。所以,最好的方法是,在文章中添加一幅图片,让其居中,然后点击文章编辑器工具栏的右上角的Text按钮,切换到Text模式下,就可以看到图片居中使用的css代码了。

比如,我的就是:

<img   src="http://www.dabu.info/wp-content/uploads/2013/03/1350619098932.jpg" class="aligncenter"   />

 

其中高亮的就是让wordpress小工具添加自定义图片居中的方法的关键,只需要将class="aligncenter"  添加到小工具自定义图片的img标签内部,就可以让图片居中了。也就上上上面的代码中的图片地址换成你的图片地址就可以了。

转载请注明:大步's Blog » wordpress小工具添加自定义图片居中的方法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (2)

  1. 3.9版本 添加代码 style="padding-left: 20px;" (20为需要调整的宽度)
    伟伟2年前 (2015-07-07)Reply
    • 使用padding-left ,那值就不对了吧
      大步2年前 (2015-07-07)Reply
SiteMap