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