在網(wǎng)頁開發(fā)中，經(jīng)常會用到圖片。但是如果不加特殊控制，圖片在網(wǎng)頁中可能被拉伸或壓縮，導(dǎo)致變形。下面介紹如何使用 CSS 控制圖片不變形。

/* 以下 CSS 代碼可以在 img 元素中避免圖片變形 */
img {
max-width: 100%;
height: auto;
}

上述 CSS 代碼中，定義了圖片的最大寬度為父元素的寬度（設(shè)為 100%），高度自動適應(yīng)。這樣即使父元素寬度改變，圖片也不會被拉伸或壓縮變形。

另外，在實(shí)際開發(fā)中可能需要讓圖片居中顯示，可以使用以下 CSS 代碼：

/* 以下 CSS 代碼讓圖片水平、垂直居中顯示 */
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

上述 CSS 代碼添加了圖片的 display 屬性為 block，讓圖片成為塊級元素，可以使 margin 屬性起作用。然后使用 margin: 0 auto 讓圖片水平居中顯示。

總之，在使用圖片時，可以根據(jù)具體情況設(shè)置 CSS 屬性，來保證圖片的顯示效果。