div 中img 居中

原理：行内元素包裹在一个display为block的父级元素中，父级元素text-align:center即可实现行内元素居中

div   {text-align: center;}

或者

img.alignleft  {display: inline;float: left;}
img.alignright  {display: inline;float: right;}
img.aligncenter  {clear: both;display: block;margin:auto;}