在開發網頁的時候，經常需要在頁面中使用圖片來增強頁面的展示效果。但是有時候，這些圖片可能會讓頁面看起來過于擁擠，需要進行一些限制。這時候，我們可以使用CSS來限制圖片的顯示。

/* 限制圖片高度不得超過200px */
img {
max-height: 200px;
}
/* 限制圖片寬度不得超過300px */
img {
max-width: 300px;
}
/* 限制圖片的長寬比 */
img {
max-width: 300px;
max-height: 200px;
}

上面的代碼演示了三種常見的限制圖片顯示的方式。第一種是限制圖片的高度不得超過200px，第二種是限制圖片的寬度不得超過300px。需要注意的是，這里的限制并不是將圖片的尺寸限制為200px或者300px，而是在超過這個尺寸時自動縮小圖片，保持圖片的寬高比。如果我們需要保持圖片的嚴格寬高比，可以使用第三種方式，同時限制圖片的寬度和高度，確保圖片在顯示時不會變形。

除了上述方法，我們還可以使用CSS的background-image屬性來限制背景圖片的顯示。如下所示：

/* 限制背景圖片的寬度不得超過200px */
div {
background-image: url('path/to/image.jpg');
background-size: cover;
max-width: 200px;
}

上面的代碼演示了如何將一個背景圖片限制在200px的寬度范圍內。需要注意的是，這里使用了background-size屬性將背景圖片的尺寸自適應到容器的大小。在使用這個方法時，我們需要確保圖片的尺寸大于限制的尺寸，否則圖片可能會在顯示時失真。

總的來說，CSS是限制圖片顯示的一種非常靈活的方法，通過使用不同的屬性組合，我們可以實現各種不同的顯示效果。