实现WordPress文章页面图片居中对齐的方法

共计 412 个字符，预计需要花费 2 分钟才能阅读完成。

我们在使用WordPress编辑文章的时候，会发现编辑器中有三个按钮，分别是左对齐、居中对齐和右对齐，当我们为图片使用居中对齐时，发现在后台编辑器中图片已经实现了居中显示，但是在前端却还是没变化，依旧是居左显示，样式凌乱不堪，并没有实现居中对齐。这是什么原因呢？

其实这只是css代码没修改到位，只需要在style.css文件添加下面的css文件即可：

登录wordpress后台，进入wordpress主题编辑器。

/*Alignment*/

.alignleft {
    display:inline;
    float:left;
    margin-right:1.625em;
}

.alignright {
    display:inline;
    float:right;
    margin-left:1.625em;
}

.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
}