WordPress文章图片不居中的解决方法

问题描述

使用wordpress的编辑器在文章中插入图片,使用编辑器自带的居中,但是在实际文章中并不居中

问题分析

使用开发工具在浏览器中快速定位到文章问题的相应HTML代码,发现诸如以下代码:

从代码可以看出图片链接和图片描述外层包含了一个div,class的属性值为wp-caption和aligncetner,于是接着定位css属性发现并没有相应的设置,问题应该出在这里。

问题解决

既然没有,那么我们自己手动加上css代码,编辑style.css文件,添加以下代码

 问题补充

使用上述代码使图片居中后,如果图片的宽度等于body的宽度,图片可能会超过body的边界。此时我们继续定位css代码,这时因为在wp-caption的div强制定义了div的宽度(style=”width:xxx px”),并且这个宽度是大于图片宽度的,因此在上述情况下会导致偏移。

如何解决呢?

我们可以通过修改wp-includes下的media.php,找到了类似下面的代码

将其中的10修改为0保存即可。(3.7版本以后好像修复了这个问题。)

 

发表评论

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