码迷,mamicode.com
首页 > 其他好文 > 详细

大banner居中

时间:2018-03-12 22:58:33      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:宽度   img   nbsp   出现   比例   er图   缩放图片   屏幕   ali   

图片比div框大,想让图片居中,不能使用text-align:center或者margin:0 auto.

可以使用定位流:position:absolute;left:50%;margin-left:-图片宽度一半;

图片比div框小,想让图片居中,能使用text-align:center或者margin:0 auto.

 

<div class="father">

   <img src="images/01.jpg" alt="banner图">

</div>

.father{

width:100%;   //和屏幕宽度一样

height:400px;

text-align:center;//必须用

overflow:hidden;  //防止出现滚动条

 

 

}

img{

height:100%;   //等比例缩放图片,

margin:0 -100%;

}

大banner居中

标签:宽度   img   nbsp   出现   比例   er图   缩放图片   屏幕   ali   

原文地址:https://www.cnblogs.com/yuanyuan-1994/p/8552175.html

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