一段CSS代码完美解决WordPress图片不能居中

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

有些时候你会发现,后台编辑器居中了,但是前台还是不能居中。

1、找到自己的主题CSS文件,后缀为.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、保存之后,在前台刷新,发现图片已经居中了。看两边的边框就可以发现。

至此本文结束

转载请注明:WordPress日记 » 一段CSS代码完美解决WordPress图片不能居中

标签: