WordPress部分主题（Theme）修改图片位置无效解决方案及解释

标签：wordpress   解决方案   制作网页   center   style   

WordPress提供了大量的主题供使用，同时你也可以自己制作网页并且导入WordPress成为你自己的主题，以方便后期管理（将WordPress当成CMS使用）。然而有的人发现，把图片导入WordPress后，使用WordPress自带的图片管理，对图片位置进行操作，在CSS中，确实应用了，但是却没有效果。

例如这段代码：<p><img class="wp-image-38 aligncenter" style="text-align: center;" src="http://localhost/wp_kumarachips/wp-content/uploads/2016/08/20131124183273717371.jpg" alt="20131124183273717371" width="464" height="327" /></p>

可以看到，在这段代码中，style已经设置成了text-align:center，但是为什么没居中呢。是因为，在WordPress中，图片的位置控制不是通过in flie的css控制的，他是通过主题自带的style.css文件控制，大家可以看到，在上面那段代码中，图片的class被设置成wp-image aligncenter.重点就在这个aligncenter，有些主题或者自己创建的主题的css文件中，没有对这个class进行操作，所以无论如何，图片的位置都是不会改变的。

解决方法：

打开wordpress->wp-content->themes->主题文件夹->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}

这样，style.css文件就可以正确的对图片进行操作了。

本文出自 “道隐” 博客，请务必保留此出处http://daoyin.blog.51cto.com/11821682/1833785

WordPress部分主题（Theme）修改图片位置无效解决方案及解释

标签：wordpress   解决方案   制作网页   center   style   

原文地址：http://daoyin.blog.51cto.com/11821682/1833785