首页 > Web开发 > 详细

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

时间:2017-12-08 15:25:14      阅读:291      评论:0      收藏:0      [点我收藏+]

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设置图片居中、居左、居右

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!