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文件就可以正确的对图片进行操作了。