css设置图片居中、居左、居右

 

CreateTime--2017年12月8日14:25:09

Author:Marydon

css设置图片居中、居左、居右

图片一般默认是居左显示的，如何更改它的水平位置呢？ 

<div style="border:1px solid red;">图片居中展示</div>
<img style="display:block; margin:0 auto;" src="http://files.cnblogs.com/files/Marydon20170307/payToMe_8yuan.bmp"/>
<div style="border:1px solid green;">图片居左展示</div>
<img style="display:inline; float:left;" src="http://files.cnblogs.com/files/Marydon20170307/payToMe_8yuan.bmp"/>
<div style="border:1px solid blue;">图片居右展示</div>
<img style="display:inline; float:right;" src="http://files.cnblogs.com/files/Marydon20170307/payToMe_8yuan.bmp"/>