填写您的邮件地址,订阅我们的精彩内容:

wordpress自带编辑器中编辑文章中的图片居中对齐

591

今天遇到的问题是,wordpress后台文章中插入一张图片,用编辑器对其按钮使它居中时,虽在后台编辑器中居中,但前台文章却没有在段落中居中,本文将解决这个问题。

后台编辑器规定图片对齐时,是给图片img标签添加了alignleft、aligncenter这样的class属性,因此我们必须通过对这几种样式进行规定才能实现这种简单的对其。我给出的规定css代码如下:

.post-content img.alignleft {float:left; margin:0 1em 1em 0}
.post-content img.alignright {float:right; margin:0 0 1em 1em}
.post-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post-content a img.alignleft {float:left; margin:0 1em 1em 0}
.post-content a img.alignright {float:right; margin:0 0 1em 1em}
.post-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

其中.post-content是我用一个div把文章段落全部包含,你可以自己去掉或换成自己的亦可。

下面我简单说几句