首页 > 建站教程 > Div+Css >  img图片居左、居中、居右css解决办法正文

img图片居左、居中、居右css解决办法

      您在做项目的时候,可能遇到图片需要居中、居左、居右的问题,一般的解决办法是,给图片的父容器加上下面的代码:
text-align:center;
       但是,这个不是很好用,经常对于文字有作用,对于图片不起作用。我爱模板网在这里分享个wordpress官方的方法:
.alignleft {
      display: inline;
      float: left;
}
.alignright {
      display: inline;
      float: right;
}
.aligncenter {
      clear: both;
      display: block;
      margin:auto;
} 
想要图片居左居中居右,直接给图片挂上上面对应的class即可,如:
<img src="123.jpg" class="aligncenter" />
它利用了浮动,所以要注意父容器是否塌陷了。