一段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、保存之后,在前台刷新,发现图片已经居中了。看两边的边框就可以发现。

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

至此本文结束

给TA打赏
共{{data.count}}人
人已打赏
WP笔记

WordPress的文章分类标签自动添加关键词及描述的SEO优化

2020-7-1 20:54:13

WP笔记

WordPress 时间日期函数(最完整最正确版)

2020-7-8 18:05:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索