wordpress让文章页文章内图片居中显示的方法

为了让文章页图文类文章排版更好看,我们在使用wordpress程序做网站的时候需要用到让文章页文章内图片居中显示的效果,该怎么实现呢?今天我就把具体的方法分享给大家。wordpress让文章页文章内图片居中显示的方法

在我们使用wordpres的时候,如果是自己制作的主题,你可能会发现文章页文章内的图片无论怎么弄都无法居中,即便是自己在后台编辑文章处设置了居中显示,但是发布后到前台依旧显示为靠左的。

这是为什么呢?其实这是因为你少了一段简单的让文章页文章内图片居中的代码所致。

那这段代码是什么,下面我就把代码贴出来分享给有需要的小伙伴们。

代码为:

.alignleft{float:left;}.alignright{float:right;}.aligncenter{margin-left:auto;margin-right:auto;display:block;}

将以上代码丢入自己的wordpressz主题css文件中保存即可。同时为了保证图片过大不会溢出文章布局框,我们还需要在“.alignleft{float:left;}”中加入:

max-width:100%; height:auto;

这样来保证图片如果过大始终保持同比例在文章布局框范围内显示。

除非著名,否者均为作者原创,未经允许禁止转载。

要发表评论,您必须先登录