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

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

其中：

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

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