码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-12-08 17:01:53      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:span   更改   src   creat   auth   如何   bmp   body   block   

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"/>

 

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

标签:span   更改   src   creat   auth   如何   bmp   body   block   

原文地址:http://www.cnblogs.com/Marydon20170307/p/8005281.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!