wordrpess文章页图片自动居中问题

一直以来,wordpress文章中的图片居中都是烦恼许多人的问题。网上的答案基本都是因为主题的样式中未添加aligncenter属性的原因。确实在添加图片时在可视编辑里选择居中,然后在样式中添加.aligncenter属性,也能解决这个问题。
但像远航这样不太经常用可视化编辑的人来说,确实相当麻烦。远航之前也在文章的Img属性中添加了contet img{text-align:center},依然无效,用margin:0 auto;也是无效。
后来参照网上教程aligncenter的做法,添加display:block;竟然成功了,好神奇!block就是把图片当作一个整体来看待,三子有点迷惑的是图片本来就是一个整体,没有要添加block吧!但结果是必须要加才会有效果,最终远航让主题文章图片居中的代码是:

1
2
3
.entry-content img{
margin:10px auto;
display:block;}

这是让所有文章内的图片都自动居中。不会有居左或者居右的情况,当然还是要根据自己需要。具体是使用aligncenter还是远航说的所有图片自动居中还是看个人需求的。

给我留言