网上的方法一般都是在<img text-align:center src="xxxx">
,可是text-align:center
经常不管用,找了好久终于找打一个靠谱的,这里收藏一下。
这里定义三个类
//居左
.alignleft {
display: inline;
float: left;
}
//居右
.alignright {
display: inline;
float: right;
}
//居中
.aligncenter {
clear: both;
display: block;
margin:auto;
}
要用什么样式,只需在<img src="">
中加class="alingleft"
或者class="alignright "
或者class="aligncenter "
就行了。