如果要在網(wǎng)頁上展示一張圖片，通常會將其以img標簽的形式插入到HTML中。不過，有時候圖片的大小可能會和我們期望的不一樣，這時候就需要用到CSS來設(shè)置圖片的大小和位置。

默認情況下，圖片的大小會根據(jù)其本身的大小來展示。如果我們想讓圖片全部顯示出來，可以將其寬度設(shè)置為100%，高度則按比例縮放：

img {
width: 100%;
height: auto;
}

此時，無論圖片的大小是多少，都會被自動縮放成與容器等寬，并根據(jù)等比例縮放調(diào)整高度。

如果我們希望圖片在容器中居中顯示，可以將其包裹在一個容器元素中，然后使用flex布局來實現(xiàn)居中顯示：

.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.container img {
width: 100%;
height: auto;
}

以上代碼將圖片包裹在一個display為flex的容器中，通過justify-content和align-items來實現(xiàn)水平和垂直居中。同時，圖片的寬度還是設(shè)置為100%，高度自適應(yīng)。

除了上述方法，也可以通過background-image屬性將圖片作為容器的背景來展示：

.container {
background-image: url('img/photo.jpg');
background-size: cover; /* 背景圖片等比例縮放 */
}

以上代碼將圖片以背景圖的形式展示，通過background-size屬性來控制背景圖片的大小和縮放。

總之，通過CSS的使用，我們可以很方便地控制圖片在網(wǎng)頁上的展示方式，讓其在各種設(shè)備和尺寸下都能夠美觀地呈現(xiàn)。