如何在CSS中使圖片自動拉伸并居中呢？下面就來介紹一下實現(xiàn)方法。

img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

其中：

• display: block; 讓圖片變成塊級元素，占據(jù)一整行
• max-width: 100%; 防止圖片過大超出屏幕范圍
• height: auto; 實現(xiàn)圖片自動拉伸，保持比例不變
• margin: 0 auto; 使圖片居中對齊

這樣設(shè)置后，圖片就能夠自動拉伸并居中了。可以進一步設(shè)置其他樣式，比如border、padding等來美化圖片。