解决WP大前端中让图片居中显示

热门标签

admin

发表文章数:3329

首页 » 教程资源 » 正文

在新版的大前端博客中发布的文章,图文状态下,往往会出现图片无法居中的现象。

图片会呈现左对齐,并且无法居中,这样对于排版的美观性,就有着不小的影响。

解决方法如下

1、添加css代码:“打开后台仪表盘”-“外观”-“主题编辑” 打开样式表(style.css) ,在其中加入代码。

解决WP大前端中让图片居中显示

css代码

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

加入后点击保存更新即可

清除缓存、刷新界面就可看到效果。

2、直接在文本编辑时进行排版居中

加图片链接/路径
结尾即可,方法比较笨拙,不过可以适用于其他版本的博客。

代码添加效果图

<a

 href="https://sm.ms/image/cCswY2XEVzLZQPW" target="_blank"><img src="https://i.loli.net/2019/11/24/cCswY2XEVzLZQPW.png" />

点击更新后,就能看到效果。

更多资讯欢迎交流,共同进步。

标签:

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《解决WP大前端中让图片居中显示》 发布于2019-11-27

分享到:
赞(0) 打赏

评论 抢沙发

2 + 7 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册