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

  • 酉灿
  • WordPress
  • Jul 26, 2021

我们在使用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;
}
打赏