WordPress居中代码│插入图片居中对齐解决方法

有时候明明在Wordpress编辑器里面选的是图片居中对齐,发布之后却仍然是靠左对齐的;有时候更换主题后原本应该居中的图片位置会发生改变、或者在编辑器中设置图片居中但预览时图片总不居中……默认编辑器真是太不给力了!在网上研究了一番,终于还是让我找到了解决方法,其实这算是Wordpress的一点小Bug了,官方已经提醒模板作者注意这一点,不过仍然有很多模板作者没有注意这一情况。在这里给大家分享下:

要解决此类问题可修改主题中的CSS样式表文件

  • 登录WordPress后台“控制面板”-“外观”-“编辑”打开样式表(style.css)
  • 在style.css文件末尾加上以下代码
    img.alignright {float:right; margin:0 0 1em 1em}img.alignleft {float:left; margin:0 1em 1em 0}img.aligncenter {display: block; margin-left: auto; margin-right: auto}a img.alignright {float:right; margin:0 0 1em 1em}a img.alignleft {float:left; margin:0 1em 1em 0}a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
  • 点“更新”保存即可。

admin

大家好!欢迎光临我的个人博客,本博主要是学习和记录自己生活、学习中发生的点点滴滴的过程,很高兴可以把自己的废话和一点点的经验拿出来和网友分享,最大的愿望就是能构共同学习,共同进步。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.