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

我们在使用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;
}
优推网专注于WordPress外贸建站、WordPress企业建站和分享谷歌SEO排名技巧、Google优化心得、谷歌seo优化技巧和外贸采集站推广的知识,帮助企业通过谷歌SEO推广打开海外市场。
优推网 » 实现WordPress文章页面图片居中对齐

发表评论