在網頁設計的過程中，圖片顯示位置是一個非常重要的因素。除了通過HTML來定義圖片的位置外，CSS也提供了一些方法來控制圖片的顯示位置。下面就讓我們來看看如何在CSS中控制圖片的顯示位置。

.img {
position: relative;
left: 50%;
transform: translateX(-50%);
}

上面的代碼可以使圖片水平居中顯示，其中position屬性設置為relative以保持圖片相對位置不變，left屬性設置為50%將圖片相對于左側的距離設置為50%，transform屬性設置為translateX(-50%)則將其向左移動一半。

.img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

上面的代碼則可以讓圖片在頁面中居中顯示。其中position屬性設置為absolute以使圖片的位置相對于其父元素，top屬性和left屬性都設置為50%以使其在頁面中水平和垂直居中，transform屬性則將其向左和向上移動一半。

總之，通過CSS我們可以很容易地控制圖片的顯示位置。以上只是一些基本的方法，同時也可以通過其他屬性和方法來實現更復雜的效果。希望這些方法能夠對你有所幫助。