大banner居中

图片比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%;

}