首页 > 其他 > 详细

大banner居中

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

图片比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居中

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

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