CSS技術可以非常簡單地幫助我們調整圖片的位置，使其居中顯示。下面我們就來介紹一些相關的CSS屬性。

首先，我們需要將圖片包裹在一個div容器中，然后對該容器進行居中顯示的調整。

<div class="container">
<img src="image.jpg" alt="image">
</div>

接下來，我們可以利用CSS的display和text-align屬性來實現居中顯示。這里text-align屬性用于水平居中。

.container {
display: flex;
justify-content: center;
align-items: center;
}
img {
display: block;
margin: auto;
}

以上代碼將容器設置為flex布局，其內部元素（即圖片）水平、垂直居中。而img元素的display屬性設置為block，margin屬性值為auto，這也將使其水平居中。

如果圖片的尺寸超出了容器，我們可以使用CSS的object-fit屬性來控制圖片如何填充。例如：

img {
object-fit: contain;
}

上述代碼中，object-fit屬性值為contain表示圖片盡量自適應，同時保持其寬高比例不變，不會有部分被裁剪掉。如果將其值設置為cover，則圖片會完整覆蓋整個容器，可能會有部分超出屏幕。

總的來說，使用CSS進行圖片居中調整非常簡單，只需使用幾個基本屬性即可實現。將圖片包裹在一個容器中，設置該容器的display為flex，使用justify-content和align-items屬性控制水平及垂直居中，同時可以使用display和margin屬性進行微調，使用object-fit屬性控制圖片的縮放。