圖片等比拉伸需設(shè)置與父元素相同的高或?qū)抺width：100%；/height：100%；}

如果圖片的寬度大于父元素的寬度，不能使用text-align或margin：0 auto。

圖片等比居中

1、需要設(shè)置

{position:absolute;left:50%;margin-left: -圖片寬度的一半}

這樣寫要知道圖片的寬度，有點不方便。

2、

父元素{ text-align:center; overflow:hidden}

img{margin: 0 -100%}

3. 這時用transform會比較好。

父元素{

? ? width:?100%;

????height：100%；

}

img{

????position:?relative;

? ? top:?0px;

? ? left:?50%;

? ? height:?100%;

? ? min-width:?100%;

? ? min-height:?100%;

? ? transform:?translateX(-50%);

}