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;
}

参考:这里

 标签: CSS, img居中

作者  :  sailor

仅仅看明白了还不够,能把别人给讲明白了才算及格。


  1. 小谈
    1#
    小谈

    谢谢转载并注明!!

    May 12th, 2014 at 10:19 am 回复
  2. 小鱼
    2#
    小鱼

    不错的思路

    June 9th, 2015 at 09:26 pm 回复


最新文章