实现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; }