image.png
- 1.在一個div內(nèi)讓img水平垂直居中顯示立美，無論img是什么形狀大小祟同。
.img_box{width:3.2rem; height:3.2rem;line-height: 3.2rem; text-align: center; margin:0 auto;}
.img_box img{max-width:100%;max-height: 100%;vertical-align: middle;}
- 2.banner圖隨著頁面寬度縮小依然水平居中顯示
思路：給img外框的div設(shè)置固定的width,樣式居中顯示腰埂。然后img設(shè)置最大的width和height,
margin-left:-(img.width-div.width)/2
<div class="banner-bg">
<img src="" alt="" class="banner" />
</div>
//css
.banner-bg{position:relative;width:1200px;margin:0 auto;text-align: center;}
img.banner{width: 1920px;height: 370px;margin-left: -360px;}
