西安37建站:专注于各类网站建设、西安seo优化关键词排名、免费网站诊断、网络营销和自媒体等知识的整合发布。

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

西安37建站优化——0基础学SEO优化,毫不费力!

当前位置: 首页 » SEO优化 » wordpress网站编辑文章图片不能居中?一段代码完美解决图片优化

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

西安37建站优化 2018-01-29 17:50:07 星期一 SEO优化 792 ℃ 0 条评论

最近一直在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网站默认编辑器图片不能居中的解决方法,快试试吧。

发表评论

电子邮件地址不会被公开。 必填项已用*标注