wordpress网站编辑文章图片不能居中?一段代码完美解决图片优化

最近一直在WordPress网站后台编辑文章,发现图片不能居中。即使点了居中按钮前台还是不能居中,加了text-align:center样式之后,还是不能居中显示。下面是解决方法跟小伙伴们分享一下。

wodpress默认编辑器图片不居中

wodpress默认编辑器图片不居中

1、找到自己的样式文件打开,后缀为.css的样式表。

2、将下面代码复制到样式表的最后。

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

3、保存之后,在前台刷新,发现图片已经居中了。看两边的边框就可以发现。

修改后的文章图片居中效果

修改后的文章图片居中效果

以上是关于wp网站默认编辑器图片不能居中的解决方法,快试试吧。