img设置CSS属性使图片居中

CSS设置内容居中,可以用下面的代码实现

text-align:center

但是这么做有一个缺点,只能在img标签的上级标签设置。能不能直接对img标签做一个设置是图片居中呢?

当然可以,代码如下:

.aligncenter {
 clear: both;
 display: block;
 margin:auto;
}

这是wordpress的官方写法,只要把img的class设置为aligncenter 即可。同样的道理,居左和居右的代码

.alignleft {
 display: inline;
 float: left;
}
.alignright {
 display: inline;
 float: right;
}

参考:这里